I happened at this question elsewhere, and I was wondering how the OP was damn right, there are learning resources that teach the individual parts of web dev; like HTML, CSS, JS, a server-side language, and these days JS is taking up on momentum there too… anyway, so is there any single learning resource, or place, or a roadmap, following which you would learn all the “WebDev” things, and how they fit together; things like:
P.S.: Please keep the answers with how “the right way of learning” is supposed to be; I’m looking for resources, and not advice. Thank you!
If you're going for a complete package you'll also want info on routers, ports, load balancers, CDN, cookies, and databases.
Your course selection and my suggested additions may also depend on cloud abstractions like "serverless" architecture such as AWS Lambda.
Zachary Brewer
Dev at Courageousparentsnetwork.org, freelance dev
Unfortunately, I have never come across a single unified resource for everything web dev. I started with HTML/ PHP, then CSS, and then JavaScript. It then took years of experimentation / trial and error to learn the ways in which the different parts all fit together. Here are a couple of helpful resources I have found along the way:
Command Line Crash Course: learnpythonthehardway.org/book/appendixa.html
React / Webpack / ES6 - https://survivejs.com/react/introduction/
Michael Hartl's book on Rails taught me a ton about version control best practices, testing, and RESTful API's. Admittedly, I have never put a Ruby on Rails app into production, but I have been able to apply these tools in my work - https://www.railstutorial.org/book
I don't have time to write more now, but maybe some of those resources are helpful.