Josh’s Code-Friendly Blog (3rd Edition)

 

Josh’s Code-Friendly Blog (3rd Edition)

This is the final edition of Josh’s blog and as usual we will be discussing some top tips and we will also be looking at how you can use JavaScript on a very basic level to make your website more dynamic and also we will be looking at how to use CSS to style your website.

I am going to start with JavaScript which is an object-oriented computer programming language commonly used to create interactive effects within web browsers. A very basic examples of using JavaScript for beginners is to produce an automatic slide show or gallery for your images.  I found that Codecademy was amazing at teaching the basics and dare I say I found it quite a fun tool to use as well. It will only take the average user a couple of hours to master the basics. (Codecademy, 2017)

One feature I highly rate was the built-in code editor which meant I didn’t need to download and install any programmes to get started. The instructions were also incredibly useful, having the guide to show you what to do step-by-step was a great for assistance. I would advise that you keep a notepad on the side to write down all the codes you’ve learned and what they will be used for.

The type of learners to use Codecademy would be if you are a type of person who learns better by trial and error and by watching examples lives. Also if you learn better from receiving instant feedback on whether you are writing your codes correctly.

CSS is a language used for describing the presentation of your web pages, including the colours and the layouts. You can also use CSS to adapt the presentation to different types of devices, such as small screens or even large screens. In general terms it is used to make your website more presentable and looks in particular at the styling of your website.

As usual I will recommend a website I used to learn the basics of CSS and it is called CSS tricks. When working on my website I have used this tool at every opportunity, it is really easy to locate solutions in a timely manner and there is also a very wide range of short solutions in their library. Who should use this you ask? If you are a beginner with a basic knowledge of CSS codes and if you need quick and timely solutions for varied specific CSS coding problems.  (CSS-Tricks, 2017)

Finally, I would like to ask that you keep in mind that coding is not as technical as it seems (I know some would disagree), the key in my opinion is not to try and be a master coder in a few weeks as these things take time. Immerse yourself in the world of coding and please use the resources listed in all of my three blogs, I appreciate your time and this will be the final edition of Josh’s Code-Friendly Blog.

 

Bibliography: –

Codecademy. (2017). Learn Java. [online] Available at: https://www.codecademy.com/learn/learn-java [Accessed 16 Mar. 2017].

CSS-Tricks. (2017). CSS-Tricks. [online] Available at: https://css-tricks.com/ [Accessed 16 Mar. 2017].

Joshua’s Code-Friendly Blog (2nd Edition)

Josh’s Code-Friendly Blog (2nd Edition)

Ok so moving on from last week where we covered the different types of programmes and self-help websites that you can use to brush up on your coding techniques we are now going to look at a few different tips to help you get a better understanding of developing websites.

Firstly, I’d like to recommend “Jon Duckett’s HTML&CSS design and build” as a resource to use when developing your websites. Purely because it explains how to use HTML beautifully, in a concise and readable format. Seriously guys this book has been my coding bible when developing my early pages. (Duckett, 2011)

In last week’s lecture we looked more closely at styling and how important it is to centralise your work, if you save everything in a relevant folder and keep the names appropriate you can keep everything organised. As this is our first website we are only focusing on one set of style so you can save this template and use it throughout (as a beginner).

Everyone has to start somewhere and don’t be ashamed to keep things simple when your starting out as the grounding of the techniques is essential and progress will come naturally as you get more advanced. Leading on from this I’ve found it’s absolutely essential that you write useful comments, when you’ve written hundreds of lines of code and you come back to it you’ll find that the comments will come in very handy.

Please TRY and write meaningful, single line comments when writing lines that are vague and try and always keep the comments up to date.

A channel on YouTube I have been following is called LearnCode.academy, this is the most popular coding channel on YouTube for good reason as it’s exceptional at explaining the basics and speaking to beginners in an appropriate way. If you are somebody who learns visually then I think you will appreciate this. The following video is extremely useful when attempting to put your website online: –    (LearnCode.academy, 2014)

Personally I found that the layout of the website would be the most challenging for me as presentation isn’t my strong point however after speaking to my lecturers and taking advantage of some of the great resources that you can find online I think that I’ve turned a corner in that respect (and you will to).

We touched upon it last week however I can’t stress enough how important it is to set aside a good few hours when your attempting to start out. I personally believe you can only reach a certain point in a classroom and to really perfect your techniques is going to take time and you’ll probably find that trial and error is also KEY.

I appreciate you taking the time to read my second blog post and I will be posting the next one within the next two weeks.

 

Coding Brain Image Available at: https://www.google.co.uk/search?q=coding&biw=1280&bih=913&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi_wMutnZLSAhXqI8AKHZorBcEQ_AUIBigB#imgrc=vrHdm5q2TtS2SM: (Accessed: 15 February 2017).

LearnCode.academy (2014) How to put your website online – how to FTP to a domain & upload files to a webhost. Available at: https://www.youtube.com/watch?v=tq7dqdHCc7U&index=6&list=PLoYCgNOIyGAB_8_iq1cL8MVeun7cB6eNc (Accessed: 1 March 2017).

Duckett, J. (2011) HTML & CSS: Design and build web sites. Available at: https://www.amazon.co.uk/d/Books/HTML-CSS-Design-Build-Sites/1118008189 (Accessed: 1 March 2017).

Josh’s Code-Friendly Blog (1st Edition)

Josh’s Code-Friendly Blog (1st Edition)

 

Welcome to my blog where I am going to discuss all things coding and what better way to learn then from somebody who is a beginner themselves meaning that they are going through this experience likewise to yourselves

So far, undertaking the module (Principles of Systems Development) has opened up my eyes to a whole world of coding that I didn’t know existed and one that I definitely took for granted. Behind the infrastructure of a website is the code that writes its very existence.

I found an article that highlights even our future generations children are being taught coding at school, as young as the age of five. This to me really demonstrates what an important skill coding is, and also shows young people can pick it up from an early age. (Dredge, 2017)

In all honesty, I never imagined in a million years that I would be speaking about this subject with the same enthusiasm that can only be compared with that of Richard Dron’s (my course tutor). His enthusiasm may be infectious after all as we have looked at the following types of software in more detail: –

  • FileZilla (FTP Client used to transfer files from your desktop onto the web)
  • Brackets (Text Editor)
  • Mark Up Validation Service (verifies validity of code)

 

The three programmes above are essential for developing websites (free hand) and should prove to be a mainstay in your coding-itinerary. Working with HTML in particular, I highly recommend using this website when learning the basics and you should learn from trial and error mostly.  (HTML Tutorial)

We covered how to insert an image in HTML and also how to make text bold or italic as part of some work that our course tutor set for us. This was interesting because it helped visualise what we were actually doing when we could write a piece of basic code and view the live preview.

There are so many different techniques to learn with coding that you are never going to remember everything so don’t feel worried or embarrassed if you forget how to do something as that’s all part of the fun.

For all you coding-beginners out there my advice to you is to only read so much about the subject of coding as you will learn the most from actually attempting to code yourself, from a basic level. Attempting to apply logic to the subject without a visual image of what your doing is something I found very tricky at first however after attempting to code I felt much more comfortable covering new content.

As I progress along the course I would like to pick up lots of techniques that I can take with me into any potential future career paths that I plan to go into. I’ve succumbed to the fact that I probably won’t go into coding as a career choice however I believe it’s so valuable to know how software and coding works in any walks of life.

I appreciate you reading my blog and I hope this helps any beginners who are contemplating on starting to learn code.

 

 

Coding Brain Image Available at: https://www.google.co.uk/search?q=coding&biw=1280&bih=913&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi_wMutnZLSAhXqI8AKHZorBcEQ_AUIBigB#imgrc=vrHdm5q2TtS2SM: (Accessed: 15 February 2017).

Dredge, S. (2017) Coding at school: A parent’s guide to England’s new computing curriculum. Available at: https://www.theguardian.com/technology/2014/sep/04/coding-school-computing-children-programming (Accessed: 15 February 2017).

HTML Tutorial Available at: https://www.w3schools.com/html/ (Accessed: 15 February 2017).