5 steps to start learning web coding 2020

From: tristan | Comments: 0

If you are at the point to get a webcoder from scratch, this is the right article for you.

At the very beginning it is hard to find the right way to handle all these informations about coding, rules and standards.

So where you should start from and what you should learn? Here you will find some answers!

1) Learn HTML5

At the very beginning, you should start learning HTML5. It is easy to learn and you will have much fun.

Every modern Website use HTML5. Most of the content couldn’t be displayed without HTML.

Luckily you can find many resources to learn HTML 5 in the internet for free.

You need almost no tools, just a good editor and a web browser. That’s all! As editor, I recommend you Microsoft Studio Code and most coders use the Chrome browser for displaying and testing their work. Both software are free!

Download Mircosoft Visual Studio Code

Download Chrome Web Browser

Start with this video on YouTube and will get some HTML5 basics.

HTML5 Course with some CSS basics

As HTML reference you can visit w3schools.com. Here find all you need to know about HTML5.

2) Learn CSS

CSS is the essence of your HTML code. With CSS you can manage your design, positions, effects, fonts and much more. You will need it. It is the right thing to learn after HTML.

A good point to start is also the w3schools.com website: https://www.w3schools.com/css/

Also very useful is the Mozilla page: https://developer.mozilla.org/en-US/docs/Learn/CSS

You don’t need to learn everything about CSS. Your CSS skills will grow with your projects. It is important to understand the basics!

3) Learn PHP

With PHP you can run programs on server side. You can send mails, read or write from databases, handle form inputs and much more. At this point you will start to learn real coding.

Now you will need to run a web server on your computer. If you use windows, you can use Xampp.

Here you can download XAMPP: https://www.apachefriends.org/download.html

A quick tutorial you can watch here

That are just some small basics. Also you should learn how to handle databases, security, object orientated programming and much more.

Always very useful is the PHP website: https://www.php.net/

4) Learn JavaScript

JavaScript will make your page magic. With JavaScript you can make your page more user friendly and you can add some cool features like AJAX or animations. JavaScript is mandatory for a modern website. It is also easy to learn and can make much fun.

On w3school.com you also find a good start tutorial for JS on https://www.w3schools.com/js/

Start with some examples, and learn every day something new.

5) Improve your skills

It is always important to improve your skills in all technologies. A web coder never stop learning. Every single day, you have to learn something new. After a while you can get a real pro.

If you have some basics about all these technologies, you should look at some frameworks. Here are some frameworks I recommend for you:

HTML/CSS: Bootstrap and Tailwind

PHP: Laravel or Symphony

JavaScript: VUE or AngularJS and maybe still JQuery