Become a frontend web developer

Are you interested in learning front-end web developer? Then you are in the correct place to know your path way to become a front-end web developer.

Frontend web developer

Basic Languages

HTML5

HTML5 is the basic language for web. In the modern period, school students must know the HTML5. But we are grown people still not learn that. So the first thing is you must learn HTML5 and practice it

CSS3

CSS3 is a styling langauge. It is used to style the HTML. It is also need to known by everyone in the modern period. So after learning HTML5, you must start learning CSS3

Javascript

After doing some basic projects in HTML5 and CSS3, now it is time to learn Javascript which helps to add functionality to your webpage. So start learning javascript after you have gain some knowledge in HTML5, CSS3

basic languages

Learning more JS (ES6+) and building projects

After you learnt HTML5, CSS3 then build some static websites by seeing project tutorials in youtube.

It is your first time to build projects so watching tutorials and building your projects will help you to learn sematic HTML and you will know how the people are building some websites. After doing some projects, now it is time to build your own HTML, CSS projects.

You can get lots of web designs in behance.net (or any other websites which you prefer), see many design templates and choose the one which you are confident that you can build this and start building that website.

After building projects in HTML and CSS. Now learn ES6+ (ECMAScript 6). Build some projects with HTML, CSS and JS. After you got knowledge in javascript and building some projects.

Now build some more projects with JS (ES6+). You can't able to learn all ES6+ so learn the necessary ES6+ stuffs.

Advanced Learning

Now it is time to improve your styling knowledge. So practice and learn CSS more and do many projects using CSS.

To develop very beautiful UIs, you must learn JS libraries and frameworks.

React is the most popular JS library. So you can learn React and create beautiful websites. Practice more stuffs on React.

advanced learning
advanced learning

More Stuffs

If you want to learn other library or framework means then these are your best choices

And also more front-end libraries and frameworks are there. To improve your styling you can learn Sass and a CSS library (Tailwind, bootstrap, etc.,).

If you want to use backend with javascript then you should learn express.js and node.js. You need to learn some database for backend like MongoDB, SQL, etc.,

If you want to create a app for mobile and desktop devices then learning React Native will help you.

Where to Learn?

Frequently asked questions

If you spend 2 hours per day then you can get basic knowledge in 2 weeks. Then starting building projects to improve your knowledge

If you practice daily 2 hours means then it will take 2 weeks to finish basic JS with some concepts in ES6+. Now create projects with those stuffs. And after 2 months, you can do good coding in JS.

React needs strong concepts of JS and ES6+. So if your practice and create projects regularly in React means you can learn it in 2-4 months. Also you can't able to learn fully because there are many things in React. So by doing projects and learning often you can cover more concepts in React.