DEV Community

Cover image for How to get started with web development (Front-End)?🤔 [Part - 1]

How to get started with web development (Front-End)?🤔 [Part - 1]

Fab on May 31, 2020

So you are perhaps a newbie? Or someone learning to code online but feel like you are missing out something or might not be doing it right? Well, t...
Collapse
 
czechyoungcoder profile image
Jakub

This is impressive 🤩 I'm sure this must be helpful to every starting web developer... maybe I can consider myself being one? (because you've included so many free resources, you're basically disproving everyone complaining about not having money to learn lol). Keep going, I'm looking forward to reading more of your posts. 😛

Collapse
 
fabcodingzest profile image
Fab

Aw man thank you so much, and yeah the main purpose to mention free best resources only was to make it available for everyone and no one feels like they are missing out on something.
THANK YOU SO MUCH FOR TAKING OUT YOUR PRECIOUS TIME TO READ THIS, I TRULY APPRECIATE ✨🤗👊🔥

Collapse
 
manangouhari profile image
Manan Gouhari

Super detailed roadmap, a must have resource for any begginer!

Collapse
 
fabcodingzest profile image
Fab

Thank you so muchhhhh, don't forget to recommend it to any beginner XD 😂🥳😎✨

Collapse
 
manangouhari profile image
Manan Gouhari

Already done that✌🏼

Collapse
 
ridhofebriansa profile image
Ridho Febriansa

Great roadmap, thank you for sharing!

I've been doing freelance with backend in these last 2 years, simply because I'm really not good at HTML and CSS. Lot of clients are asking fullstack apps, it consist of backend plus HTML and CSS (JS opt). I could finish the backend part in a week, yet I spend more than 3 weeks to finish the frontend. There are lot of things that I couldn't find the exact way to google, so I spent lot of times to google simple things on HTML/CSS part such as how I could put header navigation stick at the top while scrolling and etc.

So I decided to start learning fundamentals of frontend to make my working experience become better. And your roadmap is really great because you are mentioned lot of resources, why we should learn something, and your personal experience during your learning.

Thank you!

Collapse
 
fabcodingzest profile image
Fab

Oh my god thank youuuuu 🤗
This was my first blog and I was nervous but I tried my best to mention all the best resources and struggles which one will face definitely so that they know they are not alone.
I hope you can use these resources to get better! You can do it!👊🔥
Feel free to hmu if you need help (with front end cuz I don't know back end YET XD).
and you're welcome 👊✨

Collapse
 
mattstuddert profile image
Matt Studdert

Awesome roadmap, Fab! Thank you so much for the Frontend Mentor shoutout. I'm really happy you're finding the challenges useful! 🙂

Collapse
 
fabcodingzest profile image
Fab

No problem Matt,
Thank you for making such a platform where everyone can grow and learn✨🤗

Collapse
 
quenquenpotter profile image
Quen-Quen

Great post, detailed roadmap! Thanks for sharing, congrats!

Collapse
 
fabcodingzest profile image
Fab

My Pleasure and Thank you so much for reading itttttt✨

Collapse
 
duanecreates profile image
Duane Chetcuti

Great article! I love flexbox.

Collapse
 
fabcodingzest profile image
Fab

Thank you and me tooooo 😆

Collapse
 
nek_dev profile image
Maxime Veber

God. Why isn't openclassroom listed here ? openclassrooms.com/en/ (actually it's best for french, but super cool also in english)

Collapse
 
fabcodingzest profile image
Fab • Edited

I am sorry I never used this resource plus I am not a french so plus I just mentioned free resources so everyone can use em.
I hope you found the mentioned resources somewhat useful.🤗✨

Collapse
 
justaashir profile image
Aashir Khan

Such a great resources list...
All the best courses/posts/skills extracted from all around to one place.
Thanks for taking the time to develop this.

Collapse
 
fabcodingzest profile image
Fab

It's my pleasure and thanks for taking the time to read this :)

Collapse
 
fabcodingzest profile image
Fab

You're Welcome and thank you for taking out time to read it, it means a lot to me 🥰🤗🔥

Collapse
 
fabcodingzest profile image
Fab

Thank you for reading :)

Collapse
 
electronlab profile image
Harsh Vardhan Goswami

Great roadmap for newbies 😊😊.

Collapse
 
fabcodingzest profile image
Fab

Thank you for reading it :)

Collapse
 
anaveecodes profile image
Ana Vela

Thanks for writing this fun and informative roadmap! I will definitely share this with other newbies!

Collapse
 
fabcodingzest profile image
Fab

Thank you so much, Ana 💖

Collapse
 
jankohlbach profile image
Jan Kohlbach

woa, Fab I missed this at the time it went online to be honest, but great content 👏🏽👏🏽

Collapse
 
fabcodingzest profile image
Fab

Haha, that's alrightttt!
Thank youuuuuu 😁

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Nice article! Looking out for more content from you :)

Collapse
 
fabcodingzest profile image
Fab

Thank youuuuuu🤗 and me too XD

Collapse
 
lhvubtqn profile image
Hoang-Vu Le

Thank you 😘 Nice article

Collapse
 
fabcodingzest profile image
Fab • Edited

You're welcome and thanks for reading it :)

Collapse
 
yaseen96 profile image
Mohammed Yaseen M

This article is not just a roadmap, but also it gives a sense of feeling the struggles one will face during learning and how to overcome that. Nice work!!

Collapse
 
fabcodingzest profile image
Fab

Thank you so much for reading it! 🤗

Collapse
 
sonali20 profile image
Sonali Sawlani

Useful roadmap for beginners 🔥

Collapse
 
fabcodingzest profile image
Fab • Edited

Thank you so much for reading it 💖😁

Collapse
 
upasanagithub profile image
Upasana Mahanta

Very nicely written !! Impressive :)

Collapse
 
fabcodingzest profile image
Fab

Thank you so much for reading Upasana :)

Collapse
 
prem1835 profile image
prem1835

Very well written 👏👏

Collapse
 
fabcodingzest profile image
Fab

Thank you 🙂