Do you know of a “single” learning resource, or place, or a roadmap; through which one can learn all the “WebDev” parts, and most importantly how all of them fit together?

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:

• The client/server relationship
• HTTP requests and responses
• How HTTP servers route data and resources
• How server-side scripting languages interpret requests, and how they communicate with other software on the server
• The basics of file permissions and the command line
• How browsers parse and display HTML
• How Javascript interacts with the DOM in a browser environment
• How the browser interprets CSS, and how weighting is applied for selector precedence

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!