Как работает интернет
Тема дорожной карты · Frontend разработчик
Интернет — это глобальная сеть взаимосвязанных компьютеров, общающихся по протокольному стеку TCP/IP, где каждое устройство идентифицируется IP-адресом, а данные передаются в виде дискретных пакетов, маршрутизируемых через множество промежуточных узлов до пункта назначения. Когда пользователь вводит URL в браузере, разворачивается следующая цепочка: DNS-резолвер транслирует имя хоста в IP-адрес, устанавливается TCP-соединение (или QUIC для HTTP/3), TLS-рукопожатие защищает канал, и HTTP/HTTPS-запрос отправляется на веб-сервер, который возвращает HTML, CSS и JavaScript-ресурсы. Понимание принципов работы интернета фундаментально для frontend-разработчиков, поскольку объясняет, почему HTTPS обязателен для безопасности, как граничные серверы CDN сокращают round-trip time для улучшения Core Web Vitals и почему кэширование DNS и повторное использование TCP-соединений (keep-alive) влияют на производительность загрузки страниц. Ключевые протоколы стека — HTTP/2 (мультиплексные потоки), HTTP/3 (QUIC на базе UDP) и WebSockets — напрямую влияют на то, как frontend-приложения взаимодействуют с API и бэкендами реального времени.
Как это работает
Как работает интернет покрывает взаимодействие браузера и сервера: браузер резолвит DNS, открывает TCP+TLS, шлёт HTTP-запрос, получает HTML, парсит (строит DOM и CSSOM), исполняет JavaScript, делает layout + paint, показывает пиксели. Современные браузеры гонят JS в main thread, но network, парсинг, layout, paint, composit выносят на другие потоки. URL идентифицируют ресурсы; HTTP их доставляет; cookie + localStorage держат state на клиенте.
Когда применять
Понимание основ веба обязательно для серьёзной frontend-работы — каждый perf-баг, каждое "локально работает, в проде нет", каждая accessibility-проблема сводится к примитиву браузера. Прочтите MDN-разделы про HTTP, DOM, render pipeline один раз; возвращайтесь при отладке. Тестируйте в нескольких браузерах (Chrome, Firefox, Safari mobile + desktop) — они отличаются сильнее, чем признают.
Типичные ошибки
Ловушки Как работает интернет: расчёт, что поведение Chrome = "веб" (Safari ≠ Chrome, и Safari — единственный движок iOS); игнор cache-заголовков и огромные бандлы на каждый load; вера в "у меня на быстром wifi работает" — реальные пользователи на 3G mobile — другая планета; непонимание разницы render-путей (SSR / SSG / CSR / hydration). Профилируйте в Chrome DevTools Performance; timeline не врёт.