How to become a Front-End Developer: Part 1

#html #css #javascript #frontend

When I started my career as a web developer, a few years back, it was not so much of an easy start. There were very few learning platforms and fewer boot camps; But What was there and is still present, A community that believes in sharing knowledge and that's one reason the web community is growing every day and will keep on growing.

There are many courses free and paid available on the internet, I will share what worked best for me and also does not burn a hole in your pocket; also I am not a big fan of certifications, So it all will be more of hands-on

Let's get started then :

Start with HTML / CSS / JavaScript basics on W3Schools , I still re-visit w3school to learn about something new. Once you know the basics, start making clones of websites like Twitter using HTML+CSS only. Get good at it.
Head to MDN web docs for leveling up developer.mozilla.org and deep dive into concepts of HTML and CSS. Don't look at their JavaScript docs yet. MDN's JavaScript docs are a bit detailed and can be overwhelming.
Go to javascript.info for a detailed overview of JavaScript, It helps you understand the basics well and has a good collection of concepts.
It's time you start building some functional websites. Get familiar with NodeJs and NPM modules. Start adding click events etc. on that Twitter clone you built. maybe start adding a JSON DB in your local. There are some NPM modules like json-server that can add a JSON dB in your local dev environment.
Once you are done with http://javscript.info, get back to MDN JavaScript docs and get a detailed understanding of essential concepts.
Keep building more and more websites. If you are not familiar with some concepts get to YouTube and learn, there is a lot of free content available.
You can pick a framework/library of your choice like Angular/React/Vue if you want to scale up. It's completely a personal choice, no one framework is best, learn what suits you. Start with the official documentation. I will cover more on this one in my next post in this series.