Friday, February 15, 2013


Steps to becoming a front-end web developer


There are a few things you have to know in order to be a front-end web developer. Where to start and what to learn. This guide will take you through the steps of becoming a front-end web developer.

First things first

Before we start seeing stuff on the screen, we have to make something out of nothing. We start at the basics of web developing: HTML . This markup language will draw shapes on the web page and display text.
HTML is not only very important, your whole markup will depend on it. Don’t touch CSS yet! We’ll come to that later.
CSS is worthless with a bad markup supporting it.

1. Learn HTML

  1. Learn basic HTML
  2. Learn about xhtml and validation
  3. Make valid xhtml and validate
Learning perfect HTML will take some time but it will really pay off later. It’s way easier to prevent mistakes and track down bugs when the markup is perfect.
Next step is what you’ve been waiting for; applying CSS.

2. Know CSS

  1. How to apply CSS
  2. Know all the important aspects of styling
  3. Learn about positioning
  4. Get to advanced CSS
You don’t have to be perfect at CSS. But being good at it will save a lot of time for your designer.
If you plan on becoming a server side programmer you are best off learning a server side language to generate HTML pages now. 
Now that you know good HTML and CSS it’s time to put in a little javascript.
Don’t start by using a framework now, you first need to understand what Javascript is and what it can do to alter the layout of the web page.

3. Rock Javascript!

  1. Read a good book about Javascript.
  2. Get to know some funny Javascript effects and concepts. (There are a lot on the Internet)
After I read a good book and experimented with Javascript on some projects a bit, I wanted to get everything out of Javascript by making nice effects like the other guys do. For this there are a lot of frameworks available, which also happen to make your Javascript coding a lot easier!

4. Pick your framework

There are a few great Javascript frameworks out there. The biggest players in the game are:MooToolsjQuery and script.aculo.us.