Личный курс

Фундамент веб-разработки

Понимать, как устроено веб-приложение целиком — чтобы уверенно управлять ИИ-агентом: где живут данные, где прячутся риски, что такое React / Next / Vite / TypeScript и когда что применять.

Для кого: для того, кто собирает приложения через ИИ-агента и хочет принимать решения осознанно, а не на веру. Без написания кода — только концепции, термины, решения и риски.

Программа

7 блоков — это большие темы. Внутри каждого блока несколько коротких уроков. Можно идти по порядку, можно прыгать.

Блок 1

Как устроен веб

3 урока
Урок 02 Как работает веб целикомПуть запроса, клиент/сервер, где выполняется код → Урок 03 HTML, CSS, JavaScript — три ролиТри слоя страницы: структура, вид, поведение → Урок 04 DOM — живое дерево страницыЧем DOM отличается от HTML и что меняет JavaScript →

…дальше в блоке: сайт vs приложение, HTTP-методы, статус-коды (404/500), анатомия URL.

Блок 2

Где живут данные

скоро

Состояние, хранилище браузера, базы данных — где живут данные и почему иногда «пропадают».

Блок 3

Как приложения общаются

скоро

API, эндпоинты, JSON, статус-коды — как одна программа просит данные у другой.

Блок 4

Фронтенд-слой

1 урок
Урок 01 React / Next / Vite — что и когдаИз чего собран интерфейс и выбор инструментов →

…дальше в блоке: компоненты и пропсы, состояние, TypeScript, Tailwind, рендеринг (CSR/SSR).

Блок 5

Секреты, авторизация, безопасность

скоро

Переменные окружения, ключи, вход и права доступа, типовые дыры — где вайб-кодеры горят чаще всего.

Блок 6

Доставка

скоро

dev vs prod, статика / сервер / serverless, хостинг, домен, DNS, SSL — как приложение попадает в интернет.

Блок 7

Работа с агентом и ремесло

скоро

Читать ошибки, git и версии, что обратимо, как ставить ТЗ и принимать результат.

📖 Словарь курсаСправочник терминов — растёт от урока к уроку