Доменные имена
Тема дорожной карты · Frontend разработчик
Доменное имя — это человекочитаемый адрес, уникально идентифицирующий веб-сайт или онлайн-сервис в интернете, выступая псевдонимом для базового IP-адреса, управляемого DNS (Domain Name System). Доменные имена следуют иерархической структуре справа налево: домен верхнего уровня (TLD) — .com, .ru или .dev, домен второго уровня, зарегистрированный владельцем, и необязательные поддомены вроде www или api — при этом ICANN и IANA контролируют глобальное пространство имён. Регистрация домена включает выбор регистратора, проверку доступности и настройку NS-записей (серверов имён) для передачи DNS-полномочий хостинг- или CDN-провайдеру, где управляются A, CNAME и другие записи. Понимание доменных имён и распространения DNS — обязательный навык для frontend-разработчиков, развёртывающих веб-приложения: некорректная настройка CNAME или A-записей может вызвать простой и сломать HTTPS-сертификаты Let's Encrypt или других удостоверяющих центров.
Как это работает
Доменные имена покрывает взаимодействие браузера и сервера: браузер резолвит 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 не врёт.
Связанные понятия
Полезные ресурсы
Проверить знания (1)
Загрузка вопросов…