DEV Community

Learning Web Dev on the Web | A Roadmap with Resources

Nukala Suraj on June 08, 2021

As a sequel to my first blog, learning web dev on the web which had info on some of the most epic youtube channels from where you can learn web dev...

Read full post

Vitor Acacio • Jun 8 '21

Dude, I'm just starting out with Responsive Web Development here, but already bookmarked this one. It will sure help me a lot.

Have you tried FreeCodeCamp while you were learning these initial steps? That's the track I'm following right now, but I don't see a many people mentioning it.

Nukala Suraj • Jun 9 '21

The Conquering Responsive Layout is perhaps the best resource in this roadmap.. it improved design skills so much and carries on to help me a lot

If you're going to do only 1 thing from this map that should be CRL by Kevin Powell

Vitor Acacio • Jun 9 '21

Thanks, I'll definitely check that one out!

Jeff Chavez • Jun 12 '21

Definitely true. I just finished it and I learned a lot!

Hasan Ahmed • Jun 14 '21

It’s great to use freecodecamp. You can also use the free courses on codecademy. However, some courses are really broad and cover a lot of ground. That’s where information overload comes in. Tbh as a developer you need to know how to learn things quick because the industry is always moving. This guide really shows you how to get started quick. You can always refer to freecodecamp to learn about something particular that you need. It could save you a lot of time and the headaches that come from the information overload. This is just my opinion there’s really no wrong way to go about learning to code 👍🏽

Nukala Suraj • Jun 9 '21

Yea it's an epic resource too,
but then the problem I had with FCC was that FCC was like a series of quiz problem so retention was low
The videos on their youtube channel are the amazing

Johannes Kettmann • Jun 12 '21 • Edited

You have a lot of great points here. I like that you distinguish website dev and web dev and that you mention the importance of Git and responsiveness.

A few points of critique. Hope that's ok 😊

Don't build authorization yourself. It's pretty complicated to get it right and even experienced devs rather go for an existing solution like Auth0 or Firebase just to name a few. Imo it might even look unprofessional if you implement it yourself.
GraphQL is a query language, that's correct. But it's not related to SQL, rather an alternative to REST APIs.
Not sure if if ML belongs on a web dev roadmap tbh. It's a completely different field. Even if the ML algorithms are connected via an API. API (application programming interface) doesn't need to be a web API btw. An npm package for example also has an API

Anyway, thanks for writing this. Keep up the good work

Nukala Suraj • Jun 12 '21

WoW,
It kinda feels really satisfying to read a critique.
🥳
But they say it's pointless to not respond to criticism so... 😜

Yupp, it's extremly pointless implementing auth yourself.. but learning to do something from scratch is perhaps a really great way to learn (anything).
Yupp, I should have mentioned graphQL is an alternative to REST rather than SQL despite being a QL... Imma edit the article right away.
Well there's no point in building an ML/DL algorithm if you can't deploy it in some form, and web is the most versatile form of deployment... with that out of the way, yea you definitely don't need ML to become web dev. 🤩 I really can't put into words how much happy this makes me Thank You Sooo Much

Abayomi Ogunnusi • Jun 14 '21

Interestingly, I just finished watching Traversy web development roadmap 2021 some minutes ago and I came here to find out this wonderful and summarised post....

To keep my sanity, I think I will go with this post ...a million thanks to you