Этап 2 из 19 · ≈ 3 ч

Домены, хостинг и CDN

Полезно знать с Junior

Где живёт сайт — регистрация домена, виды хостинга, статический хостинг и CDN.

Чтобы сайт открылся по имени, нужны домен (покупается у регистратора), DNS-записи, указывающие на сервер, и сам хостинг — место, где лежат файлы или работает приложение.

Виды хостинга

  • Статический хостинг (GitHub Pages, Netlify, Vercel, объектное хранилище облака) — для сайтов из готовых HTML, CSS и JS. Дёшево, быстро, почти без администрирования.
  • Платформы приложений (PaaS) — загружаете код, платформа запускает и масштабирует.
  • Виртуальный сервер (VPS) — полный контроль и полная ответственность: обновления, безопасность, мониторинг.
  • Контейнеры и Kubernetes — для команд с множеством сервисов.

CDN

Сеть серверов по всему миру, которая хранит копии статических файлов ближе к пользователю. Уменьшает задержку и снимает нагрузку с основного сервера. Для фронтенда важно: файлы с хешем в имени (app.3f9a1c.js) можно кэшировать «навсегда», а index.html — коротко, чтобы пользователи получали новую версию.

Критерии освоения

Junior ≈ 3 ч

  • Выкладывает статический сайт на хостинг и подключает свой домен
  • Объясняет, что делает CDN

Практика. Выложить учебный проект на GitHub Pages или Netlify со своим доменом и HTTPS.

Middle ≈ 3 ч

  • Выбирает вид хостинга под проект — статика, платформа, сервер — с обоснованием
  • Настраивает HTTPS и кэширование на CDN

Практика. Перенести проект за CDN, настроить кэширование статики и сравнить время загрузки из разных регионов.

Проверка знаний

Войдите, чтобы пройти тест: сданный тест отмечает тему пройденной на карте и в ИПР.

Вопросы с собеседований

Смотреть все
Что делает CDN?Middle

CDN — сеть серверов по миру, которые кэшируют контент рядом с пользователями: меньше задержка и нагрузка на исходный сервер (origin).

Полный разбор
Как выложить статический сайт и подключить к нему свой домен?Junior

Статический сайт — готовые HTML, CSS, JS и картинки, которые отдаются как файлы. Его кладут на статический хостинг (GitHub Pages, облачное объектное хранилище, Netlify и аналоги) — дёшево или бесплатно, быстро, без сервера. Домен покупают у регистратора, в…

Полный разбор
Что делает CDN и когда он нужен?Junior

CDN — сеть серверов по всему миру (или стране), которые кэшируют копии ваших файлов и отдают их пользователю с ближайшего узла. Сайт грузится быстрее (меньше расстояние и задержка), основной сервер разгружается, а всплески трафика и часть атак поглощает CDN…

Полный разбор
Как работает DNS?Junior

DNS — распределённая иерархическая база «имя → адрес». Рекурсивный резолвер спрашивает по цепочке: корневые серверы → серверы зоны .ru → авторитетный сервер домена.

Полный разбор
Как проверить DNS-записи домена через dig или nslookup?Junior

dig example.ru — A-запись (IPv4) и оставшийся TTL; dig example.ru AAAA, MX, TXT, CNAME, NS — другие типы; dig +short — только ответ. dig @8.8.8.8 example.ru — спросить конкретный резолвер: так видно, отличается ли ответ у разных провайдеров. dig +trace …

Полный разбор
Как работает HTTPS и TLS-рукопожатие?Middle

TLS даёт шифрование, целостность и подлинность сервера. В рукопожатии стороны согласуют общий ключ (обмен Диффи — Хеллмана), сервер доказывает владение сертификатом, дальше данные шифруются быстрым симметричным шифром.

Полный разбор

← Вся карта «Frontend-разработчик»

Партнёр платформы

Разбор собеседования с sotto

После собеседования sotto разбирает разговор: оценка, каждый вопрос — хорошо, частично или слабо, чего не хватило в ответе и над чем поработать к следующему разу. Первые 30 минут бесплатно.

Разбор собеседования