Итоги и практика
Главное
- Веб — это один простой танец, повторяемый бесконечно: клиент (обычно браузер) шлёт запрос, а сервер возвращает ответ. Всё остальное — детали поверх этого.
- — это сшитые вместе именованные части: scheme, host, path, query. Метод — это глагол: GET читает, POST создаёт, PUT обновляет, DELETE удаляет.
- Коды состояния — мгновенный вердикт сервера. Разделение 4xx/5xx подсказывает, куда смотреть: 4xx значит, что запрос был неверным (плохой URL), 5xx — что сломался собственный код сервера.
- (замочек) запечатывает разговор, чтобы никто посередине не смог его прочитать — настоящие приложения используют его всегда. Куки — то, как сайт помнит, что вы вошли, между запросами.
- Ваш фронтенд — это клиент (работает в браузере), ваш бэкенд — сервер (выполняет вашу логику и общается с базой данных). Каждая функция, что вы строите, находится на одной из сторон этого танца.
Попробуйте сами
Откройте любой сайт, затем откройте инструменты разработчика в браузере (правый клик → «Просмотреть код», затем вкладка «Network»). Перезагрузите страницу. Смотрите, как список запросов наполняется — вы увидите один запрос страницы, а за ним десятки других за картинками, шрифтами и стилями, ровно как описано. Кликните по одному и посмотрите его метод (GET), его код состояния (надеюсь, 200) и его заголовки. Теперь вы видите танец «запрос/ответ» в реальном времени и владеете словарём, чтобы его читать.
Промпт главы
Я новичок и учусь, как устроена работа веба. На примере моего собственного приложения:
<опишите своё приложение или вставьте URL либо ошибку, которую видите>
- Проведите меня по циклу запрос/ответ для одного конкретного действия
(например, загрузка страницы или отправка формы), шаг за шагом.
- Скажите, какая часть — это клиент (фронтенд), а какая — сервер (бэкенд).
- Если я вижу код статуса или ошибку, объясните, это 4xx (мой запрос
был неверен) или 5xx (сервер сломался), и куда смотреть.
- Будьте конкретны и понятны для новичка — без предполагаемых знаний.