О разделе
Веб-разработка — создание программ, которые работают через браузер и сеть: страницы, API, базы данных, авторизация. Этот подраздел в томе "Код и разработка" даёт языконезависимую карту — что такое клиент и сервер, как выглядят запрос и ответ, куда читать дальше в энциклопедии.
Для кого этот подраздел
| Роль | Что получите |
|---|---|
| Начинающий разработчик | карта терминов до React/Django |
| Аналитик | понимание API, JSON, статус-кодов |
| Бэкендер | связь HTTP с 2.09 |
| Фронтендер | CORS, fetch, DevTools — 1116 |
Предполагается базовое знакомство с компьютером и желание писать код — 4.02 что такое код.
Чем этот подраздел отличается от 2.04 и 2.09
| Раздел | Фокус |
|---|---|
| 4.17 (здесь) | языконезависимая карта для разработчика |
| 2.04 Сайты | DNS, HTTPS, nginx, CDN, путь запроса |
| 2.09 Интеграции | контракты, очереди, SOAP, gRPC |
| 1.23 Фронт/бэк | роли в команде |
Читайте 4.17 первым, затем углубляйтесь по задаче.
Словарь подраздела (кратко)
- Клиент — браузер или приложение у пользователя.
- Сервер — программа, принимающая HTTP-запросы.
- HTTP — протокол "запрос — ответ".
- JSON — текстовый формат данных.
- REST — соглашение про ресурсы и методы HTTP.
- CRUD — create, read, update, delete.
- CORS — правило браузера для междоменных запросов.
- API — адреса и правила обмена данными.
Подробно — глава 1.
С чего начать
| Шаг | Материал | Содержание | Время |
|---|---|---|---|
| 1 | Что такое веб-разработка | HTTP, REST, JSON, CORS, .env | 2–4 ч чтения |
| 2 | Итоги | резюме | 15 мин |
| 3 | Чек-лист | самопроверка | 20 мин |
После главы 1 — практика (минимум один пункт):
- открыть DevTools на любом сайте, вкладка Network;
- выполнить curl / 1133 к публичному API;
- собрать GitHub Pages или React — 1146.
Связанные материалы в томе 4
| Тема | Статья |
|---|---|
| Коллекции и JSON | 618 |
| Docker для локального API+БД | 104 |
| Git и PR | 4.13, 117 |
| Тесты, баги, DevTools | 1117, 1119, 1116 |
| ORM и SQL | 4.10, 3.07 SQL |
Маршрут "первая неделя"
День 1–2 — HTML, CSS, статическая страница.
День 3 — JavaScript, кнопка меняет DOM.
День 4–5 — глава 1, curl к API, DevTools Network.
День 6 — простой CRUD API (Python/Node) + JSON — ORM или SQL.
День 7 — чек-лист, итоги, первый PR.
Инфраструктура и безопасность (куда дальше)
- DNS, HTTPS, nginx — 2.04
- OpenAPI, GraphQL — 2.09 / 130
- Сессии, JWT, XSS — 2.08 ИБ
- Деплой — 8.04 DevOps
Что такое веб-разработка
Клиент и сервер, HTTP, REST, JSON, CRUD, статус-коды, CORS и конфигурация — карта для начинающего разработчика.
Веб-разработка — итоги
Краткое резюме раздела по основам веб-разработки для самопроверки.
Веб-разработка — чек-лист
Вопросы для самопроверки по основам веб-разработки.
Веб-разработка — о разделе
Клиент, сервер, HTTP, REST, JSON и CRUD — маршрут для разработчика, который пишет код для веба.