As mentioned on the front page this site is designed to walk you through the five core Web development languages in a logical, step-by-step way.  If you are happy to do that just go back to the front page now (the rest of this page is for people with questions) and start clicking on the right arrow. 

What will happen if you follow the structure

By just pressing the right arrow above you will do these tutorials in this order (so you do not need to understand it now):

  1. the Introduction to HTML, CSS and JavaScript
  2. the five Web development tutorials for Beginners:
    1. HTML
    2. CSS
    3. JavaScript
    4. PHP
    5. SQL
  3. the five Intermediate Web tutorials:
    1. HTML
    2. CSS
    3. JavaScript
    4. PHP
    5. SQL

There are also a few extra bits with useful terms and knowledge.  If you are already knowledgeable about I.T. you may know most of it already.

However, if you wanted to you can also do them in this order (but you will have to navigate by yourself when you move to another tutorial):

  1. the Introduction to HTML, CSS and JavaScript which is the foundation for everything
  2. the four tutorials about adding content to pages (these two languages need to be done together but do not rely on the other languages at all):
    1. Beginner HTML
    2. Beginner CSS
    3. Intermediate HTML
    4. Intermediate CSS
  3. then if you want to you can stop or you can continue on to either or both of these:
    1. the JavaScript tutorials (which expect you to know HTML and CSS but not PHP and SQL):
      1. Beginner JavaScript
      2. Intermediate JavaScript
    2. or the server-side language tutorials (PHP expects you to know HTML and CSS but not necessarily JavaScript while SQL requires PHP):
      1. Beginner PHP
      2. Beginner SQL
      3. Intermediate PHP
      4. Intermediate SQL

If you do not want to follow either of these structures then consider another site which is more designed to dip into!

Can I skip the Introduction or the Beginner tutorials?

If you have never hand-coded a Web page in a text editor before you do need to start with the Introduction which is designed as a taste of what is to come and also to introduce some real basics without too many technical words.

If you have typed HTML, CSS and JavaScript before (just enough to know what those words mean and what the code looks like) but don’t really know the details then start with the Beginner tutorial and later you will get to the Intermediate.  You can safely skip the Introduction one as it is just a quick way to meet the basics and is not needed for the rest (everything it covers is covered again in the Beginner's tutorial).  The Beginners and Intermediate tutorials are all linked progressively so don't skip any of the parts once you have started. 

It is probably best not to try the Intermediate tutorials without at least skimming the Beginner's.  At least do the final practical at the very end of the Beginner's tutorial to check that you are already at a level where you can move on.

If you have already created Web sites using all five of the languages then maybe this site is not for you as you might find it tedious working through the basics to get to the bits you want.  You can jump to specific pages but often the example code will be based on something from previous pages.  Therefore if you are looking for help on something specific then this site may also be the wrong site as it tries to teach the whole set of skills not answer specific questions.  You could check out the site map though and jump to anything which looks interesting.

Do I really need to know all five languages?

No.  There are two main jobs covered by those five languages:

  1. Web creation (often known as Web design or authoring) which uses HTML, CSS and normally JavaScript to make sites which look good and appeal to users
  2. Web development (or Web programming or database development) which uses PHP and SQL to provide the data used on those sites created with HTML and CSS

The other terms for the two jobs are front-end developer and back-end developer.  One does what people will see and one powers that behind the scenes.  It is possible that you can do both jobs but often just one will be challenge enough.  However, to be a good back-end developer you at least need an understanding of the principles of the front-end languages.  It also helps front-end developers to understand where the data is coming from so that they can allow for that in their designs although that is not as important.

I would recommend you do the whole of the Beginner's tutorial (all five languages) but then if you need to save time just do the front-end or just the back-end languages at Intermediate level.  HTML and CSS must be done together as there is no point to either of them without the other.  You need those two to understand JavaScript but you do not need JavaScript to create usable Web pages so you could skip it.  PHP and SQL are only for complex sites but most sites are these days.  The truth is  that all five complement each other and are close to essential.

But I already know HTML and CSS (and maybe JavaScript or PHP)

Then feel free to start with the Beginner JavaScript, PHP or SQL and then do the Intermediate tutorials for them as well.  There are a few occasions where you will be referred to pages people were asked to create in HTML, CSS or JavaScript but you will be told how to adapt to the fact they are missing.  As much as possible the individual tutorials were written to be used alone although they do rely on the skills and knowledge you learned in the others.  This site was not designed to be used that way but it should work.


There is currently no Advanced section because I think that anyone who has completed the Intermediate section is capable of learning the rest themselves from books or just by experimenting and developing new sites.  I have a few ideas I'd like to add though so an Advanced section might appear one day.  Of course I am not a good enough Web developer to write about truly advanced topics so maybe that could be done by you later!

Other site tips

The arrows are designed to move you around the designed structure step-by-step and if possible you should do that.  However, you can also use the first menu to see the other pages and jump to one.  Just click on Pages to see a primitive but expandable list of all of the pages available. 

In the second part of the menu on every page (This page) you can set a sort of bookmark to remember where you were last working so you can return there later.  It writes a cookie so will only remember on the current computer. 

You can also move to the next page with Alt-Shift-n and previous with p.  You'll never guess what up is!

The Admin menu currently doesn't do anything for you.

You may have already realised it but any words in italics are to point to things which appear on the page or in code.  If you see italics then that matching word should be in your code or is a technical word you need to learn.  Many sites use quotation marks around things like that but quotes can get confusing when what you have to type includes quotation marks!