Road-map for a front-end developer

3 min readDec 12, 2016

Have you ever wondered how the websites are laid out, how the designs are implemented through coding, the way a buttons works in webpage? I never paid attention to these questions, before I stepped into the field of web development and these all were complicated for me.

Let me tell you these all questions are related to front end web development. Web designing is how a website looks and front end development is the way of implementation of those design through coding.

HTML, CSS, SASS, JavaScript are the key languages of a front end developer. They code in these languages to implement the design as it is. But the big questions for me was from where to start?, which language to pick first? It was necessary to create a road map before I pick any of these. So I talked to my friend and he helped me out of this situation. In fact he created road map for front end development. Prashant is a full-stack developer. He is in this field since last four years. Here is the road map to front end development.

1.HTML & CSS

HTML(Hyper Text Markup Languages) & CSS(Cascading Style Sheets) is one of the most basic building blocks of any website. To be a good front end developer you have to be master in this language. Without this you cant move ahead in front end developing. One of the best thing is you can create basic static websites with just HTML & CSS.

2. Responsive web design

Now a days it is hard to find anyone without mobile. With the growth in the use of mobile internet it has became necessary to make the website mobile friendly. Here comes the role of the responsive web design.

3. CSS preprocessor

Preprocessors are the one which add speed to your CSS coding. SASS & LESS are two most popular CSS preprocessor and most demanding. It adds extra functionality. It helps you in avoiding lengthy codes, repeating same code again and again.

4. JavaScript

JavaScript add functionality to your website. You just need to have a basic knowledge. With just basic language of JS you can add a lot of interaction to your elements in a website. JS is one of the most popular language in the world.

5. jQuery

jQuery is a library of JS consisting plugin and extension which make faster and easier to use javascript. You can use this to make your website more interactive.

Before diving into the course of front end developing I will suggest, just watch any video of HTML & CSS on YouTube and do as it says. Then take the course of learn Shay Howe, one of best source of learning HTML & CSS. Being a front end developer and as per my experience this course will guide your carrier in front end developer. By taking this course you will have enough to explore this field and you can guide yourself to learn further.