Как работают WEB - сайты.

Устройство веба

1. 01

   Кто с кем разговаривает

   Браузер на твоём устройстве — клиент: он просит страницу. Сервер — программа на другом компьютере: она принимает запрос и отправляет ответ.

   10 XP
2. 02

   Как код становится страницей

   Chrome, Firefox, Safari, Edge и Яндекс Браузер — программы для просмотра веба. Они получают HTML, CSS, JavaScript и другие ресурсы, а затем строят страницу.

   10 XP
3. 03

   От имени сайта к IP

   В адресной строке ты вводишь доменное имя, например school.test. Для соединения нужен IP-адрес. DNS помогает найти адрес, связанный с этим именем.

   10 XP
4. 04

   В какую дверь стучаться

   IP помогает найти сетевой узел. Порт помогает обратиться к нужной службе на нём. В адресе https://school.test/ порт обычно не написан: для HTTPS по умолчанию используется 443.

   10 XP
5. 05

   Что отвечает сервер

   Веб-сервер принимает HTTP-запрос. Он может вернуть готовый файл или передать запрос программе, которая подготовит ответ. Ответ содержит статус, заголовки и часто тело с данными.

   10 XP
6. 06

   Две стороны одного сайта

   Фронтенд работает в браузере и показывает интерфейс. Бэкенд работает на сервере: проверяет запросы, применяет правила и при необходимости обращается к базе данных. Они обмениваются данными через API.

   10 XP
7. 07

   Открой сайт своими руками

   Теперь соберём картину: домен → поиск IP → соединение с нужным портом → HTTP-запрос → ответ сервера → страница в браузере. Для HTTPS соединение также защищается с помощью TLS.

   10 XP