Learn web development fast and free!

Learn web development fast and free!

Learn Web Development
With the ever increasing demand for quality websites to be built, it’s no wonder so many people are learning web development. Potentially great salaries and the flexibility of working online make it a very enticing career move, and what’s more – there are more than enough jobs to go round.

But how do you get started?  How can you actually learn web development? These are questions asked by many, so today I’m going to show you a quick and actionable way to begin.

We’re going to concentrate on how to quickly get the skills you need to actually code websites. If you follow the points on this post, you’ll have the knowledge required to not only build websites but to make apps and plugins too!

I’m going to assume you have no previous knowledge or experience with coding, and that everything will be new.  It will be a learning curve, to be sure, but I’ve tried to put the learning plan into an order that will make sense and begin with the “easiest” languages to learn – note that each language will contain more than you’ll learn in any of the courses.

Have a look through the learning plan below.  I’ve put the languages in a logical order of easiest/ most essential first, then the core programming languages of the web, and at the end some of the more multi-use languages that are hugely powerful and a massive resume booster. By following this guide in your own time, you should be able to learn web development step by step, to an intermediate level pretty quickly.

Phase One – The basics

First things first, learn HTML

If you don’t know HTML, start here.  It’s easy to pick up and is absolutely essential to doing most kinds of online work, consider it the skeleton of websites. It’s not really considered an in-demand skill, mainly because it’s easy and almost everyone knows at least basic HTML, but you really can’t call yourself a web developer if you don’t know it.


If HTML is the skeleton of web pages, CSS is the skin. Cascading Style Sheets (CSS) allow you to define the look of web pages far quicker than using html, and keep the sets of styling decisions (style sheets) on a separate page from the one the user sees, minimizing the code on each page.  Again, this is pretty fundamental stuff if you want to learn web development.

Phase Two – Core Web-Programming Languages


Javascript is a massively popular and powerful programming language that is both easy to get to grips with AND a major resume booster.

It has massive functionality and can do anything from automating simple tasks to creating sophisticated interactive websites and web software.


Another “easy to get started with” programming language is PHP, although this time we’re looking at a “server side” language.  It is still in high demand, partly thanks to a massive investment from Facebook, and has a massive community so it’s fairly easy to get support.

So you’ve completed phase two – give yourself a round of applause.  Now you’ll want to get some experience either by going ahead and starting your own website projects, or finding some freelance work.  You’ll need to start by taking on fairly simple projects for relatively low pay – but if you do a good job and keep your clients happy then they’re keep coming back and offering you more work.

learn to code

Phase Three – Digging Deeper

By this point, you should have a good knowledge of how web programming languages work.  What follows are three highly sought after and super powerful languages that can be used to create all sorts of amazing things, and not just for websites.


Not strictly a web-programming language due to being capable of handling a huge variety of tasks with only a small amount to actually learn.


Structured Query Language (SQL) is a programming language that is slightly different from all the other languages we’ve covered so far in that it doesn’t instruct the computer to perform a task, but rather it looks up and performs complex operations on information within a database.

With all the buzz of “Big-Data”, SQL is definitely a relevant skill to have.  It gives you the power to create super detailed reports


For the final part of this learning plan, we’re going to have a look at Ruby.  If you’ve understood the courses so far then you’ll find learning Ruby a doddle.  It’s a general purpose language that uses an intuitive and simple syntax.

Got it, WHERE can I Learn Web Development?

The following is a list of great resources that will help you get started. Whatever language you want to learn, you’re covered by these awesome companies that offer free tutorials and information.




learn web development at codecademy

  • PROS
  • Great, interactive user interface
  • Easy to follow lessons
  • Step-by-step instructions
  • CONS
  • Certainly not a one-stop-shop

Codecademy offers an excellent way to get started with web development. Their intuitive interface involves instructions, a text interface for inputting code, and a terminal for displaying the output.

They offer free courses in all the languages covered above, but it’s worth remembering that they are beginners courses that won’t teach you everything you need to know.

Start Coding Today

Visit Codecademy »

2nd place



Codeavengers Logo

  • PROS
  • Great support
  • Main concepts covered well
  • CONS
  • Cons come here

Codeavengers is another interactive web development learning platform aimed at beginners.  Their free tutorials lead you through the core principles of the language, all the way to making a simple web app, game, or page.

They only offer courses on HTML/ CSS, Python, and Javascript. but the courses provide an excellent introduction to the languages.

Visit Codeavengers »

3rd place



w3schools Logo

  • PROS
  • Huge resource
  • Active Forum
  • CONS
  • Not technically a course

W3schools is different from the other sites featured in this post, in that it doesn’t actually provide specific courses, but is more of a reference guide for people learning to code. They do go through each language starting at the beginning, and cover lots of ground, but all the tutorials are purely text based with no actual inputting of code from the user. This means it’s not an ideal place to begin to learn web development, but is invaluable when used as a reference in conjunction with one of the other courses on the list.

Visit w3schools »

4th place



Bento Logo

  • PROS
  • Loads of languages covered
  • Curated resources
  • Not technically a course

Bento doesn’t actually host courses itself but instead offers a curated list of sites for learning loads about major web-development languages and their uses. So if you’ve done Javascript on Codecademy and want to learn about jquery – head over to Bento and find a course that suits you.

Visit Bento »

5th place



Udemy Logo

  • PROS
  • Loads of courses
  • User reviews
  • CONS
  • Some courses are really basic
  • The best courses are paid

Everyone’s heard of Udemy, and for good reason.  Their list of courses is very impressive, and they have some awesome instructors on there.  With Udemy you can learn anything from web development to car repair and beyond.  Some of their courses are a little basic, but if you’ve completed a few Codecademy courses and want to extend your horizons, a Udemy course can add valuable knowledge to your skill set.

They have loads of offers so be sure to sign up to their newsletter to get the best prices.

Visit Udemy »

Summaryremote work

By the time you get to this part of the post, you should have a pretty good idea of how to learn web development and, by following the guide, you can open up a world of remote working, potentially great pay, and a schedule that suits you.

You will need to be able to handle a steep learning curve and be prepared to work long hours at times as your clients might not be in the same time zone as you, and if there’s a website malfunction at 3am, you may just need to be ready to fix it at a moment’s notice.

If you don’t see yourself as a coder but want control over your website, there are plenty of free WordPress themes available that will make your life easy.  But if even that’s too much, website builders such as WIX can do all the hard work for you.

Best Free Websites to Learn Web Development

Rank Provider Review Link


Codecademy Logo
Visit Site >


Codeavengers Logo
Visit Site >


w3schools Logo
Visit Site >


Bento Logo
Visit Site >


Udemy Logo
Visit Site >



Published on: June 21,2016.

Related Coverage

Leave a Reply

Your email address will not be published. Required fields are marked *