DEV Community

Cover image for Zero to Hero: Front End Developer Roadmap

Zero to Hero: Front End Developer Roadmap

Tapajyoti Bose on August 22, 2021

With so many languages, frameworks, and libraries to choose from, often beginners find themselves scratching their heads on how to start off their ...
Collapse
 
dreitzner profile image
Domenik Reitzner

Would have loved to see svelte on the list of Frontend frameworks, as it was the most beloved framework in the 2021 stack overflow developer survey. (insights.stackoverflow.com/survey/...)

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Yeah, Svelte's popularity is on the rise as well :)

Collapse
 
tracygjg profile image
Tracy Gilmore

I can highly recommend MDN as a vital resource for learning many of the fundamental web technologies and an essential source of reference through-out a frontend development career.
I have also found Scrimba to be an excellent interactive training site - and it is free.

Collapse
 
lesleyvdp profile image
Lesley van der Pol • Edited

Sweet article. What I do think is an important note is the fact that Angular's learning curve is MUCH more steep than Vue or React. You also forgot to mention the fact that Angular not only carries the learning of a framework, but also the programming language due to the fact that it is TypeScript.

I also wonder what your take on PWA's is. Is it really worthwhile to spend your time into learning how they work? I hardly see them being used professionally.

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Yes, I should have mentioned that. Thanks for pointing out.

As for PWA, a lot of the top apps like Spotify, YouTube, Twitter and more do use it (and research says adding PWA features has a correlation with increased revenue), so think it is worth looking into

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

I strongly agree with the last point. One should try out a bunch of stuff (frontend, backend, data science, etc) and only then choose the one he likes the most to become an effective developer

Collapse
 
osahene profile image
osahene

Very informative. Thanks 👍

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Your welcome!

Collapse
 
adithyahere profile image
Adithya

Okay, now I can assume I'm on imtermediate stage. Grate article💡🤝

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Best of luck on your journey 👍

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

You are absolutely right :)

Collapse
 
taofeekajibade profile image
Taofeek Ajibade

Now, I can say I'm out of the intermediate level.

Thanks for the brilliant piece.

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Glad I could help :)

Collapse
 
zappellin profile image
Leon Guillaume

Nice a front-end roadmap that is really a front end roadmap and not a js fullstack roadmap

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

:)

Collapse
 
peter_brown_cc2f497ac1175 profile image
Peter Brown

It's all about the fundamentals. Thank you for reminding everyone of that.

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

My pleasure :)

Collapse
 
iamhtmldeveloper profile image
Amol Bhandare

Really helpful article.... thanks for sharing your valuable knowledge with us

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Your welcome!

Collapse
 
aatmaj profile image
Aatmaj

Nice!

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Glad you found it useful :)

Collapse
 
heiguy123 profile image
Moses Lau Yi Hieng

Great information! From this article I found that I still quite beginner to become a Front end expert. With this roadmap actually help me a lot to define what can I do in this field! Thanks 🙏

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

All the best for your journey 👍

Collapse
 
designgojira profile image
Gojira Design

As I read this I realize I have a working understanding of everything but the Advanced section and I’m super nervous about finding a job for nothing…I need to just do it

Collapse
 
ruppysuppy profile image
Tapajyoti Bose

Best of luck for your job hunt 👍

You could also try developing a large project that utilizes all the skills you learnt so far and drastically reduce second guessing yourself (the nervousness never completely goes away though)

Collapse
 
fasilu profile image
fasilu

Thanks its useful

Collapse
 
rosaliecollins profile image
rosaliecollins

I'm glad you found it helpful!
fireboy and watergirl