Перейти к основному содержимому

Web и сеть

Быстрый переход к обучению​

  1. Web и сеть — учебный модуль
  2. Все учебные модули

Что нужно знать​

  1. HTTP: методы, идемпотентность, статусы, заголовки, кэширование.
  2. DNS/TLS: как запрос доходит до сервера и почему это влияет на latency.
  3. CORS: same-origin policy, preflight и серверные настройки.
  4. API-контракты: schema versioning, backward compatibility, error model.
  5. Диагностика: waterfall, timing, retry, timeout, circuit-breaker на клиентской стороне.

Что уметь объяснить на собеседовании​

  1. Полный путь URL -> первый байт ответа -> рендер.
  2. Почему CORS решается на сервере, а не настройкой frontend.
  3. Когда 304 полезен и как кеш может давать ложные баги.
  4. Как отличить сетевую проблему от логической ошибки рендера.

Грейд-фокус​

  1. Junior: понимать базовый жизненный цикл запроса и статусы.
  2. Middle: уверенно дебажить сетевые инциденты и контрактные расхождения.
  3. Senior: проектировать API-взаимодействия с учетом устойчивости и наблюдаемости.

Глубокие кейсы собеседования​

  1. Экран пустой при 200: проверить payload, schema mismatch, кеш, feature flag, преобразование данных в UI.
  2. В проде медленно, локально быстро: проверить DNS/TLS/RTT, географию CDN, размер ответа, компрессию.
  3. CORS падает только на одном endpoint: проверить preflight-ответ и Access-Control-Allow-* у конкретного маршрута.

Практический минимум​

  1. Разобрать 3 разных запроса в Network и зафиксировать bottleneck.
  2. Составить runbook диагностики для кейса 200 + пустой экран.
  3. Смоделировать preflight и объяснить причину его появления.

Типовые ловушки​

  1. Путать CORS, auth и сетевые ошибки.
  2. Делать выводы по status code без проверки payload.
  3. Игнорировать кеш при повторяемых баг-репортах.

Self-review перед собеседованием​

  1. Я могу объяснить запрос от браузера до сервера без пропусков.
  2. Я могу назвать 3 шага, если API отвечает 200, но UI пустой.
  3. Я умею формулировать проблемы на языке метрик, а не ощущений.

Связанные материалы​

  1. Безопасность и хранение (Auth, JWT, Cookies, Storage)
  2. Рендеринг веб-страницы
  3. Общие вопросы (hub)