← All open source projects

What Happens When

alex/what-happens-when

What Happens When explains what happens after entering an address in a browser.

Forks 5,739
Author alex
Language Unknown
License Unknown
Synced 2026-06-27

What it is

What Happens When is a learning explanation of the web from address bar to page. It grew from a classic interview question but became a standalone learning resource about the internet and browser internals.

One simple address entry hides many system layers, and without sequential explanation they remain disconnected terms. The project is easiest to understand through concrete scenarios: which work it takes over, where it saves time, and which conditions make the result reliable.

In practical terms, What Happens When is more than a set of source files. What Happens When explains the long chain from typing google.com to page load: keyboard, browser, DNS, network, TLS, HTTP, server, and rendering. That gives quick context: this is a project that turns a common problem into a clear product or engineering layer.

What is inside

The repository contains text sections, links, explanations of network and browser stages, translations, and community material.

The material follows the event chain so readers see not only separate technologies but their order. This structure matters because it shows why the project can be studied, extended, and tested against a real task.

The main technical layer of the repository is connected with materials and documentation. For developers, this is a useful hint about where the core implementation lives, what dependencies to expect, and how hard the code will be to read.

Where it is useful

It is used for interview preparation, web-developer learning, network basics review, and general browser understanding.

A good way to read it is drawing a request diagram and adding a layer after every section: DNS, TCP, TLS, HTTP, rendering.

The first practical run is best done on a small but real task. That quickly shows where What Happens When helps immediately, which settings need adjustment, and which parts of the project are unnecessary for the specific case.

Why it stands out

The strength is a coherent story around one familiar action.

It stands out because it turns a popular question into a deep explanation of real systems.

Interest in projects like this usually appears when a team is tired of solving the same problem manually. One simple address entry hides many system layers, and without sequential explanation they remain disconnected terms. When a tool addresses that pain clearly, it spreads through real usage rather than polished description alone.

Limits

The limitation is that the web changes, and browser or protocol details should be checked against current sources.

Learners should complement it with their own observations from devtools, traceroute, and network logs.

Open source should not be romanticized: even a strong project is still a dependency that must be updated, understood, and sometimes debugged. If What Happens When enters a working system, usage, update, and rollback rules should be explicit.

Example

Request chain

This example shows a short chain that can be expanded while reading sections.

Language: Plain text
Keyboard
Browser
DNS
TCP/TLS
HTTP
Server
Rendering