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):
- the five Web development tutorials for Beginners:
- the five Intermediate Web tutorials:
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):
- 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):
- Beginner HTML
- Beginner CSS
- Intermediate HTML
- Intermediate CSS
- then if you want to you can stop or you can continue on to either or both of these:
- Beginner PHP
- Beginner SQL
- Intermediate PHP
- 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.
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:
- 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.
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!