Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

How the Internet Works for Developers – Pt 1 – Overview & Frontend

579.5K views on YouTube

How does the internet work? Most people really don’t have to know, but web developers have to know more and more as they grow in their career. These 2 videos cover how the internet works from a web development perspective.

Also, check out part 2: How the internet works from a web developers perspective – pt 2 – backend: http://youtu.be/FTAPjr7vgxE

At a high level, the internet is browsers making requests to servers and getting responses back. Each request contains headers that tell the server how to respond. The server responds with a response and a content-type, which tells the browser what to do with the response.

If the content-type is text/html, then the browser knows to treat the response like an html file. If the content-type is image/jpeg, then the browser knows it’s a jpeg file.

This video covers how the browser parses the html document, and ways that you can improve the loading of your webpage with things like concatenating and minifying assets like javascript, css, etc.

-~-~~-~~~-~~-~-
Also watch: “Responsive Design Tutorial – Tips for making web sites look great on any device”

-~-~~-~~~-~~-~-