Перейти к основному содержимому

О разделе

Веб-разработка — создание программ через браузер и сеть: страницы, API, базы данных, авторизация. Подраздел даёт языконезависимую карту — три слоя страницы, клиент и сервер, этапы проекта, выбор стека. Обзор HTTP — глава 1; практика API — глава 4.


Для кого этот подраздел

РольЧто получите
Начинающий разработчиккарта терминов до 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 первым, затем углубляйтесь по задаче.


С чего начать

ШагМатериалСодержаниеВремя
1HTML, CSS и JavaScript — три слояструктура, стили, логика в браузере1–2 ч
2Основы веб-дизайнаUX, макеты, типографика, адаптив1–2 ч
3От идеи до сайтаэтапы проекта, хостинг, статика, CMS или своё приложение1–2 ч
4Что такое веб-разработкаклиент, сервер, обзор HTTP и REST45–60 мин
5Как делают веб-приложениястек, API в проекте, деплой2–3 ч
5aOpen-source веб-фреймворкисправочник по языкам — Django, Express, Spring, Gin и др.30–60 мин
6Итогирезюме и терминология15 мин
7Чек-листсамопроверка20 мин

Термины раздела — итоги. После глав 5 и 4 полезно открыть DevTools и curl / 1133.


Связанные материалы в томе 4

ТемаСтатья
Коллекции и JSON618
Docker для локального API+БД104
Git и PR4.13, 117
Тесты, баги, DevTools1117, 1119, 1116
ORM и SQL4.10, 3.07 SQL
Справочник веб-фреймворков8 — open-source по языкам

Маршрут для старта

  1. Три слоя и дизайн — статическая страница.
  2. Этапы проекта — выбор пути: статика, CMS или API.
  3. Обзор HTTP и API в проекте — curl, CORS, стек.
  4. Чек-лист и итоги.

Pet-проект с API — 114.


Инфраструктура и безопасность (куда дальше)

Play ITЗагрузка интерактивного демо…