JSJavaScript Academy
Учить как работает интернет

Как работает интернет: от пакета до браузерной страницы

Каждый разработчик и QA должен знать, что происходит между нажатием Enter в браузере и появлением страницы. От IP-пакета и DNS-резолвинга до HTTPS, REST и безопасности веб-приложений — здесь структурированный путь по фундаментальным сетевым концепциям. Без сухой академической теории — только то, что нужно на работе и собеседованиях.

Открыть курсВсе курсы

Почему изучать Web и сети

01

Основа собеседований

Вопросы вроде «что происходит, когда вы вводите URL и нажимаете Enter» задают на собеседованиях практически в каждой IT-компании. Знание сетей отделяет junior, который понимает что делает, от того, кто заучил React.

02

Диагностика багов

CORS-ошибки, медленные запросы, 502 от nginx, проблемы с куками — половина багов в современной разработке связана с сетью. Без понимания HTTP вы будете гуглить «как починить» вместо того, чтобы понимать причину.

03

Безопасность

XSS, CSRF, MITM, SSL-pinning, OAuth — без знания базы вы не сможете обсуждать безопасность с тимлидом или security-инженером. А это всё чаще требование даже для junior-позиций.

04

Понимание производительности

TCP slow start, HTTP/2 multiplexing, CDN, кэширование, gzip — без понимания сетевого стека невозможно оптимизировать загрузку сайта. Lighthouse покажет проблему, но что с ней делать — решать вам.

Курс на JavaScript Academy

61 уроков · ≈ 12 ч

Как работает интернет

Курс по сетям для начинающих: от IP-адресов и пакетов до HTTP/HTTPS, REST API и WebSockets. 12 модулей, 61 урок — без предварительных знаний, с практикой в браузере.

Перейти к курсу

Что вы изучите

Сетевая модель и IP

Модель OSI и стек TCP/IP, IPv4 и IPv6, маски подсетей, как пакет идёт от вашего компьютера до сервера.

Маршрутизация и TCP/UDP

BGP, NAT, шлюзы. Разница между TCP и UDP, handshake, контроль потока, когда что использовать.

DNS

Иерархия DNS, A/AAAA/CNAME/MX/TXT записи, резолвинг, кэширование, TTL. Как настраивать домены и диагностировать проблемы.

HTTP методы и статусы

GET, POST, PUT, PATCH, DELETE. Заголовки, тело, статус-коды от 100 до 500. Кэш, куки, CORS, redirects.

HTTPS и TLS

TLS handshake, сертификаты, центры сертификации, pinning. HTTP/2 и HTTP/3 — что изменилось и почему это важно.

REST API и WebSockets

Принципы REST, версионирование, идемпотентность. WebSockets, SSE, long polling — когда что использовать.

Безопасность web

XSS, CSRF, SQL injection, OAuth 2.0, JWT, CSP, same-origin policy. Базовая защита веб-приложений.

Дорожная карта

  1. 01

    Сети

    Что такое сеть, OSI и TCP/IP, физический и канальный уровень.

  2. 02

    IP и TCP/IP

    IP-адреса, маршрутизация, TCP vs UDP, port-forwarding, NAT.

  3. 03

    DNS

    Доменные имена, типы записей, резолвинг, инструменты dig и nslookup.

  4. 04

    HTTP

    Методы, заголовки, статусы, кэш, куки, redirect-цепочки.

  5. 05

    HTTPS

    TLS, сертификаты, handshake, HTTP/2 и HTTP/3.

  6. 06

    Браузер

    Что делает браузер при загрузке страницы, рендер pipeline, network tab DevTools.

  7. 07

    REST

    REST принципы, версионирование, JSON API, WebSockets, SSE.

  8. 08

    Безопасность

    XSS, CSRF, SQL injection, OAuth, JWT, CSP.

Похожие курсы

134 уроков · ≈ 30 ч

JavaScript с нуля до TypeScript

Полный путь по языку: от синтаксиса и типов данных до ООП, регулярных выражений и TypeScript. Каждый урок — короткая теория и задачи прямо в браузере с автопроверкой и AI-подска…

Смотреть курс →
74 уроков · ≈ 25 ч

Playwright: автотесты на учебном проекте

Курс из 15 модулей: 10 модулей по основам JavaScript и TypeScript, затем 5 модулей по самому Playwright — от первого теста до конфигурации проекта. С видео-уроками, задачами и A…

Смотреть курс →

Частые вопросы

Зачем программисту знать как работает интернет?
Без этого не получится диагностировать баги, оптимизировать производительность и проходить собеседования. Современная разработка на 80% сетевая: фронт ходит на бэк, бэк — в БД и сторонние API. Без понимания HTTP вы будете писать код вслепую.
Чем отличается HTTP/1.1, HTTP/2 и HTTP/3?
HTTP/1.1 — один запрос на одно TCP-соединение, сериализация. HTTP/2 — мультиплексирование запросов в одном соединении и бинарный формат. HTTP/3 — поверх QUIC (UDP), убирает head-of-line blocking. К 2026 году большинство крупных сайтов работают на HTTP/2 или HTTP/3.
Нужна ли работа с консолью и сетевыми утилитами?
Да, в курсе мы используем dig, nslookup, curl, traceroute и DevTools браузера. Это базовый инструментарий любого разработчика и QA. Не пугайтесь — все команды разбираются с примерами.
Полезен ли курс для QA?
Очень. QA постоянно сталкивается с CORS, кэшем, статус-кодами, аутентификацией. Без понимания HTTP вы будете заводить баги вроде «не работает», тогда как опытный QA сразу видит «401 потому что токен истёк». Это сильно повышает ценность специалиста.
Поможет ли на собеседованиях?
Да, прямо. «Что происходит при вводе URL» — топ-3 вопросов на любом junior-собеседовании. После курса вы не просто отвечаете заученно, а понимаете каждый шаг и можете углубляться по запросу интервьюера.
Есть ли практика?
Да, курс включает практические задания: разбор HTTP-запросов в DevTools, настройка curl-запросов, чтение DNS-резолвинга, разбор TLS-сертификатов. Не только теория — реальные сценарии диагностики.
Что изучать после?
Логичные следующие шаги: Linux и сети (iptables, systemd), Docker и Kubernetes, базовый DevOps. Также полезно углубиться в безопасность: OWASP Top 10, базовый pentest, шифрование.

Готовы начать учить Web и сети?

Откройте бесплатные модули, решайте задачи в браузере и получайте подсказки AI-наставника. Без оплаты карты.

Открыть курс Web и сети