Got the code? Welcome, builder!
You're heading into Front-End Frenzy — instructors hand out the access code on day one.
You're heading into Front-End Frenzy — instructors hand out the access code on day one.
A browser is the app you use to navigate the web. Chrome, Safari, Firefox, and Edge are all browsers. Every time you visit a website, watch a YouTube video, or Google something, you're doing it through a browser.
The browser's job is to take an address you type in, go fetch the files that make up that page, and display them as something you can read, click, and interact with. It's part messenger, part translator, part artist.
You open a browser, type youtube.com, and press Enter. Less than a second later, a page full of videos appears. That feels like magic — but it's actually a chain of very specific events, each one faster than you can blink.
A URL (Uniform Resource Locator) is the address in the bar at the top of your browser. It has a few parts:
https://www.youtube.com/watch?v=abc123
│ │ │
│ │ └── the specific page you want
│ └── the domain name (the website's name)
└── the protocol (how to talk to the server)
Your browser understands URLs, but the internet does not understand names like youtube.com. The internet understands numbers.
Every device on the internet — every phone, laptop, server, and router — has a unique number called an IP address. It looks like this: 142.250.185.78.
So before anything else, the browser has to translate the name into a number.
To look up the IP address, your browser asks a special server called a DNS server (Domain Name System).
DNS is like your phone's contacts. You search for "Mom" — the app finds the actual number 604-xxx-xxxx and dials it. You never had to memorise the number; the contacts list did it for you.
DNS lookups happen so fast (a few milliseconds) that you never notice them.
| You type | DNS returns |
|---|---|
youtube.com |
142.250.185.78 |
wikipedia.org |
208.80.154.224 |
google.com |
142.250.80.36 |
Now the browser knows the IP address. It sends a request — a message that says: "Hello, I'd like your homepage please."
But the internet doesn't send whole messages at once. It breaks every message into tiny chunks called packets.
Imagine you need to mail your friend a 500-page book, but the post office only accepts envelopes with 1 page each. You split the book into 500 numbered envelopes (1/500, 2/500, …) and send them separately. Your friend reassembles them at the other end.
The internet does this with everything — your request, the webpage, the video, all of it.
Those packets travel through a network of devices called routers. Each router receives a packet and makes a split-second decision: "Which direction brings this closer to its destination?" Then it passes the packet to the next router.
The long-distance links between routers are fibre-optic cables — bundles of glass as thin as a human hair that carry pulses of light. Most of these run underground or along the ocean floor.
Here's a map to see all of the underwater cable maps that connects the world.
Your packets might pass through 15–20 different routers on their way to the server. The whole trip often takes less than 50 milliseconds — about half the time it takes to blink.
Eventually your packets reach their destination: a server.
A server is just a computer — but one that is:
Analogy: A server is like a restaurant kitchen. Your request is the order ticket. The kitchen prepares the meal — in this case, the HTML, CSS, images, and other files that make up the webpage — and sends it back out.
The server sends its response back the same way your request went out: broken into packets, passed through routers, and reassembled at the other end.
The packets might take a completely different route on the way back — the internet automatically finds the fastest available path. When they all arrive, your computer puts them back in order and you have a complete HTML file.
Now the browser reads the HTML file from top to bottom. As it finds links to images, CSS, and JavaScript, it fires off extra requests for each one. When everything arrives, the browser renders the page — it calculates where every element should go and draws it on your screen.
| Browser | Engine used | Who makes it |
|---|---|---|
| Chrome | Blink | |
| Safari | WebKit | Apple |
| Firefox | Gecko | Mozilla |
| Edge | Blink | Microsoft |
You press Enter
↓
DNS translates the domain name → IP address
↓
Browser sends an HTTP request (split into packets)
↓
Packets travel through routers and undersea cables
↓
Server receives the request and builds a response
↓
Response packets travel back (possibly a different route)
↓
Browser reassembles packets into HTML
↓
Browser requests CSS, images, JS → renders the page
↓
You see a webpage — in under a second
Understanding this pipeline makes you a better developer:
s in https:// means the packets are encrypted — scrambled so that anyone who intercepts them along the way can't read them. Always use HTTPS for sites that handle user data.| Topic | Fact |
|---|---|
| Internet vs Web | They're different things. The internet is the physical infrastructure — cables, routers, data centres. The World Wide Web is the collection of websites and pages that runs on top of the internet. |
| Undersea cable damage | Sharks have been caught biting undersea cables. Google even wraps some of its cables in Kevlar (the material used in bullet-proof vests) for protection. |
| Running out of addresses | The original IP address format (IPv4) only supports ~4.3 billion unique addresses — and we've run out. The new format (IPv6) supports 340 undecillion addresses. That's a 39-digit number — enough for every grain of sand on Earth to have its own IP. |
| Ping | A ping is a tiny packet sent to a server just to measure how long the round-trip takes. Gamers watch their ping closely — 20 ms feels instant; 200 ms feels laggy. |
| Data centre cooling | Servers generate so much heat that cooling is a major engineering challenge. Microsoft sank a data centre into the ocean off the coast of Scotland to use seawater for cooling. It stayed sealed for two years, then was brought up for inspection — and it worked. |
| The cloud | "The cloud" isn't a magical place in the sky. It's just someone else's server in a data centre that you access over the internet. When you save a photo to iCloud or Google Drive, you're uploading it to a building full of servers. |