← Ко всем open source проектам

What Happens When

alex/what-happens-when

What Happens When — подробный разбор того, что происходит после ввода адреса в браузер.

Форки 5,739
Автор alex
Язык Не указано
Лицензия Не указано
Обновлено 2026-06-27

Что это такое

What Happens When — учебный разбор работы веба от адресной строки до страницы. Проект вырос из классического интервью-вопроса, но стал самостоятельным учебным материалом про устройство интернета и браузера.

Один простой ввод адреса скрывает множество системных слоев, и без последовательного объяснения они остаются набором разрозненных терминов. Поэтому страницу проекта полезно читать через конкретные сценарии: какую работу он берет на себя, где экономит время и какие условия нужны, чтобы результат был надежным.

В практическом смысле What Happens When интересен не только как набор исходников. What Happens When объясняет длинную цепочку событий от ввода google.com до загрузки страницы: клавиатура, браузер, DNS, сеть, TLS, HTTP, сервер и рендеринг. Это дает быстрый контекст: перед нами проект, который уже оформил распространенную задачу в понятный продуктовый или инженерный слой.

Что внутри репозитория

В репозитории находятся текстовые разделы, ссылки, объяснения сетевых и браузерных этапов, переводы и материалы сообщества.

Материал идет по цепочке событий, чтобы читатель видел не только отдельные технологии, но и их порядок. Такой состав важен не как сухое перечисление файлов, а как объяснение того, почему проект можно изучать, расширять и проверять на своей задаче.

Основной технический пласт репозитория связан с материалами и документацией. Для разработчика это полезная подсказка: где искать ключевую реализацию, какие зависимости ожидать и насколько легко будет читать код без долгого входа в чужую архитектуру.

Где проект особенно полезен

Его используют для подготовки к интервью, обучения веб-разработчиков, повторения сетевых основ и общего понимания браузера.

Хороший способ читать проект — рисовать схему запроса и после каждого раздела добавлять новый слой: DNS, TCP, TLS, HTTP, рендеринг.

Первый практический прогон лучше делать на маленькой, но настоящей задаче. Тогда быстро становится видно, где What Happens When помогает сразу, какие настройки придется уточнить и какие части проекта вообще не нужны в конкретном случае.

Почему проект заметен

Сильная сторона проекта — цельная история вокруг одного знакомого действия.

Проект заметен потому, что превращает популярный вопрос в глубокое объяснение реальных систем.

Интерес к таким проектам обычно появляется там, где команда уже устала решать одну и ту же задачу вручную. Один простой ввод адреса скрывает множество системных слоев, и без последовательного объяснения они остаются набором разрозненных терминов. Когда инструмент закрывает эту боль ясным способом, он начинает распространяться через реальные сценарии, а не только через красивое описание.

Ограничения

Ограничение в том, что веб меняется, а конкретные детали браузеров и протоколов нужно сверять с актуальными источниками.

При обучении стоит дополнять материал собственными наблюдениями через devtools, traceroute и сетевые логи.

Важно не романтизировать открытый код: даже сильный проект остается зависимостью, которую нужно обновлять, понимать и иногда отлаживать. Если What Happens When попадает в рабочую систему, рядом должны быть понятные правила использования, обновлений и отката.

Пример

Схема запроса

Пример показывает короткую цепочку, которую можно расширять при чтении разделов.

Язык: Plain text
Клавиатура
Браузер
DNS
TCP/TLS
HTTP
Сервер
Рендеринг