Вайбкодинг: от основ к работе с ИИ

Что такое вайбкодинг, как браузер показывает сайт, теги, структура страницы, текст, ссылки, картинки, списки, формы и семантика.

• 1 Урок 1.1: Что такое вайбкодинг и как устроен сайт +50 XP
• 2 Урок 1.2: Теги, атрибуты и скелет страницы +50 XP
• 3 Урок 1.3: Текст, ссылки, картинки и списки +50 XP
• 4 Урок 1.4: Формы и семантика +50 XP
• КР: На заказ +100 XP

Селекторы, цвета и шрифты, блочная модель, Flexbox и вёрстка, которая хорошо выглядит на телефоне.

• 1 Урок 2.1: Подключение CSS, селекторы, цвета и шрифты +50 XP
• 2 Урок 2.2: Блочная модель +50 XP
• 3 Урок 2.3: Flexbox — раскладка блоков +50 XP
• 4 Урок 2.4: Адаптивность — сайт на телефоне +50 XP
• КР: Импровизация +100 XP

Первая программа, переменные и типы, ввод, условия, циклы, списки, функции и словари. Код запускается прямо в браузере, а качество проверяет ИИ.

• 1 Урок 3.1: Первая программа, переменные и типы +50 XP
• 2 Урок 3.2: Ввод, операции и f-строки +50 XP
• 3 Урок 3.3: Условия — программа принимает решения +50 XP
• 4 Урок 3.4: Циклы и списки +50 XP
• 5 Урок 3.5: Функции и словари +50 XP
• КР: На заказ +100 XP

Как устроены ИИ-ассистенты и где они ошибаются, как писать промпты для кода, работать итерациями, отлаживать вместе с ИИ и пользоваться AI-редакторами: Cursor, Claude Code, GitHub Copilot.

• 1 Урок 4.1: Как устроены ИИ-ассистенты и где они ошибаются +50 XP
• 2 Урок 4.2: Промпт для кода — как ставить задачу +50 XP
• 3 Урок 4.3: Итерации — читаем и улучшаем код от ИИ +50 XP
• 4 Урок 4.4: Отладка вместе с ИИ +50 XP
• 5 Урок 4.5: AI-редакторы — Cursor, Claude Code, GitHub Copilot +50 XP
• КР: Исправление ошибок +100 XP

От идеи к плану и техническому заданию, сборка сайта вместе с ИИ, чек-лист качества и публикация.

• 1 Урок 5.1: От идеи к плану +50 XP
• 2 Урок 5.2: Проверка качества и публикация +50 XP