Получить доступ

Домены, хостинг и 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, настроить кэширование статики и сравнить время загрузки из разных регионов.

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

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

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем