There is a great series on how the internet works that explains it better than we could. So have a look at it here.
As web developers we do need to dive a little deeper though as we are going to be working with all these systems. The following two videos explain the nitty-gritty parts for web developers:
{% hyf-youtube src="https://www.youtube.com/watch?v=e4S8zfLdLgQ" %}
{% hyf-youtube src="https://www.youtube.com/watch?v=FTAPjr7vgxE" %}
If you just can't get enough, here are some extra links that mentors/students have found useful concerning this topic:
- Foundations of the Web
- how it works, 5 min
- Khan Academy's Intro X (https://www.khanacademy.org/computing/computers-and-internet/xcae6f4a7ff015e7d:the-internet)
- The Odin Project's intro
- Time-Lapse Maps of the Internet
- internet for webdevs. And there's a part two.
- OSI model
- Good videos: part 1, part 2
- How the Internet Works in 5 Minutes
- How Web Browsers Work