Steps to become a front end developer

In this short post, we will share quick steps to become a front end developer.

1. Learn HTML & CSS

HTML is the markup language that we use to structure and give meaning to our web content, for example defining paragraphs, headings, and data tables, or embedding images and videos in the page.

CSS is a language of style rules that we use to apply styling to our HTML content, for example setting background colors and fonts, and laying out our content in multiple columns.

Here are the few useful resources to learn HTML and CSS:

2. Open Github account

GitHub offers its basic services free of charge. Its more advanced professional and enterprise services are commercial.Free GitHub accounts are commonly used to host open-source projects.
Check out GitHub here at

3.  Start making projects & putting them on GitHub

Learn HTML and CSS by creating small projects (web sites) and host them on GitHub repository.
The best to learn any UI technologies in depth is making projects.

4. Learn Javascript, make more projects

JavaScript is a scripting language that enables you to create dynamically updating content, control multimedia, animate images, and pretty much everything else. (Okay, not everything, but it is amazing what you can achieve with a few lines of JavaScript code.)

Here are the resources to learn JavaScript:

Once you will familiar with JavaScript fundamentals then start making the projects using JavaScript, HTML and CSS together.

Host the source code of these projects on GitHub.

5. Make a portfolio site

Create your own website and add all the portfolio, skills and your work summary to it.

6. Focus on Linkedin

Join linkedin and track for the opening in companies for web developer position.

7. Learn a Framework!

Nowdays companies look for the candidate who have at least one JavaScript framework skill.
Here are the popular JavaScript frameworks and libraries:
1. React JS - React is Facebook’s component-based web development framework for making UIs and offering declarative views, which makes the code more predictable and easier to debug.

2. Vue.js - Vue.js is another open-source progressive JavaScript framework for building user interfaces, similar to React.
Learn Vue JS at

3. Angular - Angular is an application design framework and development platform for creating efficient and sophisticated single-page apps. Angular is developed by Google.
Learn Angular at

4. Node.js - Node.js or Node JS is another powerful JavaScript framework which allows you to develop a server-side component using JavaScript.

8. Interview preparation

Once you are familiar with UI technologies and frameworks then start preparing for the interviews.