Смена 2 — Vibe-кодинг и AI-агенты

Путь студента — 10 шагов

Каждый шаг обогащён тремя слоями: Лестница Ханта (осведомлённость), Поток ценности (ценно / необходимо / потеря), Анализ глубины (корневая причина, скрытый фактор, каскад, аналогия). 4 фазы: Контекст → Идея → Сборка → Трансформация.

Контекст (1–3)

Идея (4–5)

Сборка (6–8)

Трансформация (9–10)

P Проблема

WOW Сила

Ценность

Необходимо

Потеря

Лестница Ханта

0: Нет проблемы

1: Проблема

2: Ищет

3: Узнал

4: Выбрал

5: Полное доверие

148

Записались на курс

~60%

Закончили Смену 1

~25%

Отток на шаге 4

~65%

Дойдут до деплоя

~50%

Identity shift

Шагов в пайплайне

0 → 1 «Все вокруг уже с ИИ»

Шаг 01 Необходимо

Триггер — «Все вокруг уже с ИИ, а я нет»

Социальное давление + финансовая потребность

Что происходит

Женщина видит, как коллеги, подруги, блогеры используют ИИ для заработка. Чувствует, что отстаёт. Дети растут, нужен новый доход, текущая работа не удовлетворяет. Триггер внешний (социальное давление + финансовая нужда) и внутренний (желание независимости).

Задача студента

«Хочу не отстать от жизни. Хочу зарабатывать сама, не зависеть.»

Ценность

Ценности от модуля пока нет. Но триггер необходим — без него нет мотивации. Момент, когда «ничего не делать» становится больнее, чем «попробовать».

Корневая причина

Финансовое давление + кризис идентичности. «К 50 годам так получилось, что до сих пор не нашла себя» — реальная цитата из анкеты.

Скрытый фактор

Дело не в ИИ — дело в agency. Контроль над собственным доходом и временем. ИИ — просто последний поезд, на который ещё можно успеть.

Каскад

Чем дольше ждёт — тем больше разрыв. Каждый месяц без действия = больше тревоги. Подруга уже делает ботов, коллега автоматизировала отчёты.

Аналогия

Тот же триггер, что изучение английского в 2000-х или Instagram в 2015. Волна «новой грамотности». Кто не освоил — остался за бортом.

Из анкет студентов

«К 50 годам так получилось, что до сих пор не нашла себя»

«Хочу не отставать от жизни»

«Все вокруг уже используют ИИ, а я нет»

😰 Тревога + FOMO: «Мир меняется, а я стою на месте»

Время на шаге

Недели-мес.

Вероятность действия

~15%

→

1 → 2 Ищет куда пойти

Шаг 02 Потеря

Поиск — «Куда пойти учиться?»

Перегрузка вариантами. Решение эмоциональное.

Что происходит

Ищет курсы по ИИ. Перегружена вариантами. Большинство курсов либо слишком технические («Python, API, ML»), либо поверхностные («10 промптов для ChatGPT»). Находит «Лагерь На волне ИИ» Майи/Марго через Instagram или Telegram.

Задача студента

«Найти обучение для таких как я — не программистов, но серьёзное»

Ценность

Низкая. Чистое трение поиска. Но критичный шаг — неправильный выбор = потерянные месяцы. Пока ищет — мотивация угасает.

Корневая причина

Рынок завален «курсами по ИИ», которые либо учат теории, либо промптам. Пробел: никто не учит строить продукты без кода.

Скрытый фактор

Решение эмоциональное, не рациональное. «Мне понравилась ведущая» > «Лучшая программа». Доверие к личности Майи решает.

Каскад

Каждый день поиска = нарастающая тревога «я так никогда и не разберусь». Длинный поиск = отказ от идеи вообще.

Аналогия

Как выбор спортзала — лучший зал тот, в который реально будешь ходить. Близость, атмосфера, тренер важнее оборудования.

Из анкет студентов

«Хочу максимально, насколько это возможно, освоить ИИ и вайб-кодинг»

«Прошла курсы менеджера ИИ, но хочу большего»

🤔 Перегрузка: «Слишком много вариантов, не могу выбрать»

Время на шаге

1–4 нед

Конверсия

~30%

→

2 → 3 Нашла решение

Шаг 03 WOW Ценность

Смена 1 — «Первые навыки, первая поделка»

Психологический прорыв: «я могу создавать!»

Что происходит

Прошла Смену 1. Освоила основы Claude, сделала первый артефакт (читательский дневник, калькулятор еды). Почувствовала момент «я могу создавать!». Но результат — личный инструмент, не продукт.

Задача студента

«Хочу убедиться, что у меня получается. Хочу первый результат.»

Ценность

Высокая. Первый опыт создания. Психологический прорыв. Валидация: «Я не слишком старая / не слишком нетехничная для этого».

WOW-момент

«Я это сделала!»

Первый в жизни цифровой продукт. Пусть простой — но ощущение трансформирующее. Реальная ценность не в приложении — а в сдвиге самоверы.

Корневая причина

Валидация способности. «Я не слишком старая, не слишком далёкая от техники для этого». Самое важное — не приложение, а вера в себя.

Скрытый фактор

Настоящая ценность не приложение — а сдвиг идентичности. «Я могу» важнее, чем «я сделала дневник».

Каскад

Без этого шага Смена 2 невозможна. Нужен фундамент «я могу», на котором строится «я могу больше».

Аналогия

Как первый раз за рулём — ты ездил по парковке, но ты ЕЗДИЛ. Ощущение: «я водитель» появляется раньше, чем настоящий навык.

Из анкет студентов

«За 3 часа собрала приложение для дочери, читательский дневник. Это моя боль и боль ребенка»

«Калькулятор себестоимости для кафе»

🤩 Восторг + удивление: «Это правда я сделала?!»

Длительность

2–3 нед

Завершаемость

~60%

3 Знает об ИИ, но в тупике

Шаг 04 P1 Потеря

Тупик — «А дальше что?»

Разрыв между «для себя» и «для других»

Что происходит

Сделала дневник/калькулятор. Но дальше что? Не понимает, как перейти от «личного инструмента» к «тому, за что платят». Ощущение что курс закончится, а в жизни ничего не изменится. Разрыв между «я сделала штуку» и «у меня бизнес» кажется огромным.

Задача студента

«Я умею нажимать кнопки, но не понимаю как из этого сделать деньги»

Ценность

Отрицательная. Стагнация разрушает мотивацию. Если не разрешить быстро — отток. Каждый день без следующего шага = уверенность тает.

Проблема #1 · Ограничение системы

Разрыв компетенций

Между «собрала дневник» и «люди платят за мой сервис» — пропасть. Непонятно даже первый шаг. Это точка максимального оттока: ~25% теряются здесь. Именно этот разрыв заполняет модуль Смена 2.

Корневая причина

Отсутствует продуктовый слой мышления. Инструменты без стратегии = декорация без архитектуры. Умею Excel, но не знаю какой бизнес строить.

Скрытый фактор

Большинство не вербализуют проблему. Скажут «нет времени» или «сделаю потом». Настоящая причина: не видят следующий шаг.

Каскад

Каждый день без действия = эрозия уверенности. «Может, это не для меня». Эйфория Смены 1 выветривается за 3-5 дней.

Аналогия

Научилась работать в Excel, но не знает какой бизнес построить. Инструмент без применения = мёртвый навык.

😞 Растерянность: «Вроде научилась, а толку ноль. Опять.»

Время на шаге

1–7 дн

Риск оттока

~25%

→

3 → 4 Нашла направление

Шаг 05 WOW Ценность

Идея — «Нашла под живого человека с живой болью»

Урок 4 Майи: идея из боли, не из головы

Что происходит

Урок 4 Майи — «идея из боли, а не из головы». Студентка собирает раздражения, разговаривает с подругами, находит реальную проблему. Формулирует: один человек, одна задача. Сдвиг с «что я могу сделать?» на «чью боль я могу решить?».

Задача студента

«Понять для КОГО я буду делать продукт и КАКУЮ конкретную задачу он решает»

Ценность

Высокая. Фундаментальный момент продуктового мышления. Переход от технологии к эмпатии.

WOW-момент

«Оказывается, моя рутинная головная боль — это чья-то готовность платить»

Продуктовое мышление начинается с эмпатии, а не с технологии. Калькулятор по ипотекам (пример Майи из урока 4).

Корневая причина

Продуктовое мышление начинается с эмпатии, не с технологии. «Для кого?» важнее «что?».

Скрытый фактор

Многие захотят сделать «ИИ-ассистент для всего». Нужно сопротивляться — сужение = сила.

Каскад

Правильная идея → быстрый прогресс. Неправильная идея → недели блуждания. Выбор идеи определяет весь модуль.

Аналогия

«Калькулятор по ипотекам» — пример Майи из урока 4. Скучная задача + красивое решение = продукт.

Идеи из анкет

«Хочу создать приложение помогающее следить за здоровьем + календарь уходовых процедур»

«Хочу создать ассистента для поиска заказчиков»

«Создать контент-завод»

💡 Озарение: «Вот оно! Это же МОЕЙ подруге нужно!»

Время на шаге

3–5 дн

Находят идею

~80%

4 Выбрал, строит

Шаг 06 P2 Ценность

Логика (Неделя 1) — «Один человек, один путь, одна задача»

Продуктовое мышление: кто, зачем, какие экраны

Что происходит

Неделя 1 модуля Романа. Продуктовое мышление: кто пользователь, какой его путь, какие экраны нужны. Переход от «списка фич» к «истории пользователя». Написание текста лендинга.

Задача студента

«Описать свой продукт так, чтобы другой человек понял за 10 секунд — зачем это и для кого»

Ценность

Высокая. Фундамент. Без этого — всё последующее — декорация без смысла. Большинство провалов не технические, а концептуальные.

Проблема #2 · Нетерпение

Студенты хотят сразу делать красивые экраны

Неделя «только думаем и пишем» ощущается как потеря времени. Нет визуального результата. Нужен быстрый маленький результат каждый день, чтобы удержать мотивацию. Без этого — красивые, но бесполезные экраны на Неделе 2.

Корневая причина

Большинство провалов не технические — концептуальные. «Продукт для всех = продукт ни для кого».

Скрытый фактор

Эта неделя ощущается «медленной» — нет визуального результата, только мышление и текст. Риск нетерпения.

Каскад

Пропустить этот шаг → красивые, но бесполезные экраны на Неделе 2. Декорация без архитектуры.

Аналогия

Архитектор рисует чертежи до начала стройки. Без плана = ремонт-катастрофа. Скучно, но необходимо.

Из анкет

«Хочу чтобы ИИ мне подсвечивал где что надо подтянуть» — мышление фичами, а не пользователями

🧐 Концентрация + нетерпение: «Когда уже будем делать?»

Длительность

Нед. 1

Завершаемость

~85%

Отток

~10%

→

4 → 5 Продукт обретает лицо

Шаг 07 WOW P3 Ценность

Лицо (Неделя 2) — «Это выглядит как настоящий продукт»

Эмоциональный пик модуля. Самая сложная неделя.

Что происходит

Неделя 2, Роман учит дизайну. Палитра, типографика, компоненты, лендинг, главный экран, мобильная версия. Продукт начинает выглядеть «настоящим» и «профессиональным». Эмоциональный пик модуля.

Задача студента

«Сделать так, чтобы мой продукт выглядел не хуже, чем приложения из App Store»

Ценность

Пиковая эмоциональная. Здесь студентка влюбляется в свой продукт. «Я это сделала?!». Показывает мужу — он не верит. Это топливо для Недели 3.

WOW-момент

Трансформация внешнего вида

Из «студенческой поделки» в «профессиональный сервис». Показывает мужу — он не верит, что она сделала это сама. Тот самый момент, ради которого она пришла.

Проблема #3 · Максимальная сложность

Самый тяжёлый момент всего модуля

Дизайн — новый навык. Высокие ожидания, результат не сразу. ~25% потерь здесь. Решение: жёсткие правила («3 цвета, 2 шрифта») вместо творческой свободы. Готовые шаблоны. Маленькие победы каждый урок.

Корневая причина

Дизайн — самый видимый дифференциатор. Одна и та же функциональность выглядит любительски или профессионально.

Скрытый фактор

Здесь студентка показывает продукт друзьям и семье. Социальная валидация = топливо для Недели 3. Если стыдно показать — мотивация падает.

Каскад

Красивый продукт → мотивация доделать. Некрасивый → стыд → бросает. Дизайн решает, дойдёт ли до деплоя.

Аналогия

Одна и та же одежда, разная упаковка. Zara vs рынок. Дизайн = воспринимаемая ценность. Без него продукт «бесплатный».

🤩→😩→🤩 Американские горки: «Красиво!.. Не получается!.. О, получилось!»

Длительность

Нед. 2

Завершаемость

~75%

Сложность

Макс

→

5 Уверенность растёт

Шаг 08 Ценность

Мозг (Неделя 3) — «Оно работает!»

Данные, формы, состояния, деплой на домен

Что происходит

Неделя 3. Данные, формы, состояния, localStorage, фильтры, графики, навигация. Продукт из «картинки» превращается в «рабочую штуку». Деплой на собственный домен.

Задача студента

«Чтобы мой сервис не ломался, данные сохранялись, и можно было дать ссылку другу»

Ценность

Высокая функциональная. Менее эмоционально, чем Неделя 2, но здесь продукт становится реальным. «Попробуй сам» вместо «посмотри скриншот».

Корневая причина

Работающий продукт = доверие. «Попробуй сам» vs «посмотри мой скриншот» — разные уровни убедительности.

Скрытый фактор

Техническая сложность растёт, но студентки уже уверены. Недели 1-2 построили фундамент. Здесь они уже «в потоке».

Каскад

Каждая работающая фича = compound confidence. Данные сохраняются → фильтры работают → график рисуется → «я разработчик!»

Аналогия

Машина собрана, но ещё не заводилась. Повернуть ключ → мотор заработал. Момент «оно живое!».

💪 Уверенность: «Я это понимаю. Я могу это делать.»

Длительность

Нед. 3

Завершаемость

~70%

5 Полная уверенность

Шаг 09 WOW Ценность

Деплой — «Вот ссылка, попробуй»

Продукт на собственном домене. Первые пользователи.

Что происходит

Продукт живёт на собственном домене. Студентка отправляет ссылку друзьям, постит в соцсети. Первые реальные пользователи. Первый фидбек. Момент истины.

Задача студента

«Отправить ссылку 5 людям и услышать «вау, это ТЫ сделала?!»»

Ценность

Пиковая социальная. Момент, который создаёт историю. Ту самую, которую она будет рассказывать годами.

WOW-момент

Момент гордости

Ссылка на собственный домен. Работает на телефоне. Красиво. Друзья не верят. Мама не понимает, но гордится. Это навсегда меняет самоощущение.

Корневая причина

Публичный запуск = обязательство. Назад дороги нет к «я не могу». Ссылка — это доказательство.

Скрытый фактор

Первый негативный фидбек здесь критичен. Нужно заранее обрамить: «это итерация, не провал». Иначе одна критика может сломать.

Каскад

Позитивная реакция → планы по монетизации. Тишина → сомнения → «может, в следующий раз».

Аналогия

Первый пост в блог. Первое видео на YouTube. Первый шаг — самый сложный и самый важный.

🎉 Гордость + волнение: «А вдруг кому-то НЕ понравится?»

Когда

Конец нед. 3

Доходят

~65%

→

5+ Сдвиг идентичности

Шаг 10 WOW P4 Ценность

Трансформация — «Я — создатель продуктов»

Identity shift: из потребителя в создателя. Навсегда.

Что происходит

Сдвиг идентичности. Из «потребитель» в «создатель». Из «работаю на кого-то» в «строю своё». Это перманентно. Даже если конкретный продукт не принесёт денег — навык и мышление остаются навсегда.

Задача студента

«Знать, что я могу взять любую проблему и превратить её в работающий сервис»

Ценность

Трансформирующая. Это то, за что на самом деле заплатили (даже если сами не знали). ~20% монетизируют во время курса. ~50% — в течение 6 месяцев. ~100% используют навык так или иначе.

WOW-момент

Новая идентичность

Не «мама в декрете». Не «бывший продажник». А «я делаю цифровые продукты». Это меняет всё: резюме, блог, разговоры с друзьями, самооценку.

Проблема #4 · Что дальше?

Без follow-up community, momentum dies

Без пути дальше (Бонус 4 — коммерческий, Бонус 5 — мобильный) энтузиазм угасает за 2-3 недели. Нужна следующая ступень. Один продукт → «что ещё могу построить?» → портфолио → клиенты → доход.

Корневая причина

Курс продавал навык. Он доставил идентичность. Это разные вещи — и вторая ценнее.

Скрытый фактор

~20% монетизируют во время курса. ~50% — в течение 6 месяцев. Но 100% используют навык. Ценность долгосрочная.

Каскад

Один продукт → «что ещё?» → портфолио → клиенты → доход. Compound growth идентичности.

Аналогия

Научиться водить. Получила права, но настоящая ценность = свобода перемещения навсегда.

🦋 Трансформация: «Я больше не потребитель. Я — создатель.»

Когда

После курса

Identity shift

~50%

Сводные выводы

Ограничение системы · Воронка

Один шаг определяет всю конверсию: Шаг 04 «Тупик»

148 записались → ~89 закончили Смену 1 → ~67 начнут Смену 2 → ~44 дойдут до деплоя → ~22 сделают трансформацию. Главная потеря — шаг 4, разрыв между «для себя» и «для других». Именно его заполняет этот модуль.

Два момента максимального оттока

Неделя 2 (дизайн) и переход от логики к практике

Неделя 2 — самая тяжёлая: новый навык, высокие ожидания, результат не сразу. ~25% потерь здесь. Решение: жёсткие правила вместо «творческой свободы», готовые шаблоны, быстрые маленькие победы каждый урок. Дизайн — не искусство, а система правил.

Скрытый JTBD · Не навык, а идентичность

Студенты покупают «новую профессию», а получают «новую себя»

В анкетах 28% написали «хочу освоить новую профессию». Но реальная ценность — не профессия. Это identity shift: из потребителя в создателя. Это то, что они будут рассказывать через год. Модуль должен осознанно работать на эту трансформацию.

Сила демо-проектов

Проект из жизни > проект из головы

95% аудитории откликается на «Мой Бюджет» потому что управление деньгами — универсальная боль. Не нужно искать инновацию. Нужно взять самую скучную, самую повседневную задачу — и сделать её красиво. Красивый калькулятор > умный чат-бот.

СИЛЫ ПРОГРЕССА (2×2)

ВЫТАЛКИВАНИЕ (из текущей ситуации)

«Все вокруг уже с ИИ». «Доход маленький, а расходы растут». «В декрете уже 3 года, скоро выходить — а навыки устарели». «Коллеги уже во всю с помощью ИИ работу делают, и я не хочу отставать».

ПРИТЯЖЕНИЕ (к желаемому будущему)

«Хочу зарабатывать сама, не зависеть от найма и мужа». «Создать свой продукт и монетизировать». «Развить личный бренд». «Хочу сделать сайт, приложение, бота — и чтобы за это платили».

ТРЕВОГА (о новом решении)

«Я не технарь, у меня не получится». «Вдруг я потрачу время, а результата не будет». «Все эти слова — вайб-кодинг, агенты — пугают». «Мне 50, может это для молодых?».

ПРИВЫЧКА (держит в старом)

«Проще спросить ChatGPT и не заморачиваться». «Я и так как-то справляюсь руками — ну долго, ну ладно». «На курсах всегда бросаю на полпути». «Привычка потреблять контент, а не создавать».

JTBD ПО СЕГМЕНТАМ АУДИТОРИИ

Алёна-селлер

30% аудитории

«Когда я вижу, что конкуренты на ВБ уже используют ИИ для карточек и аналитики, а я всё делаю руками — я хочу собрать свой инструмент, который автоматизирует мою рутину, чтобы тратить на операционку 2 часа вместо 8.»

Настя в поиске

28% аудитории

«Когда я сижу в декрете третий год и понимаю, что мои старые навыки обесценились — я хочу научиться создавать цифровые продукты, чтобы выйти из декрета не на старую работу, а в свой проект.»

Ольга из найма

22% аудитории

«Когда я работаю логистом/экономистом и вижу, что рутину можно автоматизировать — я хочу получить навык, который позволит мне либо расти на текущем месте, либо начать своё параллельно.»

Лилия-эксперт

8% аудитории

«Когда я уже продаю услуги онлайн, но упираюсь в потолок — я хочу создать масштабируемый AI-сервис в своей нише, чтобы зарабатывать не только руками, но и продуктом.»

Виктория-предприниматель

12% аудитории

«Когда я трачу на операционку бизнеса больше времени, чем на развитие — я хочу автоматизировать хотя бы один процесс с помощью ИИ, чтобы вернуть себе время на стратегию и семью.»

ЧТО «УВОЛЬНЯЮТ», ЧТОБЫ «НАНЯТЬ» ЭТОТ МОДУЛЬ

ChatGPT + ручная работа

Текущий способ. Спрашиваю нейросеть, копирую ответ, вставляю. Медленно, не масштабируется, нет продукта. Но привычно и бесплатно. «Работает» пока задач мало и нет амбиций.

Курсы по промптингу

Учат писать промпты. Результат: лучше формулирую вопросы. Но по-прежнему нет собственного продукта, нет дизайна, нет деплоя. «Научилась спрашивать, но не создавать.»

Заказать у фрилансера

Можно заказать сайт/бота. Но: дорого (50-200К), долго, непонятно что получишь, и ты зависишь от исполнителя навсегда. Нет контроля. Нет понимания. Нет роста.

Критерий	Для себя	Для других
Пользователь	Я сама	Конкретный человек с болью
Дизайн	«Лишь бы работало»	Первое впечатление решает
Онбординг	Не нужен, я и так знаю	Человек должен понять за 10 секунд
Ошибки	«Ну ладно, потом починю»	Сервис не должен ломаться
Лендинг	Нет	Витрина: зачем, для кого, попробовать
Монетизация	Бесплатно	Бесплатно → платно, тариф, ценность
Масштаб	1 пользователь	Много пользователей, нужна структура

Поурочная раскладка

21 урок за 3 недели. Каждый урок: 15-20 минут видео + практика в Claude.

Неделя 1

Неделя 2

Неделя 3

НЕДЕЛЯ 1 · ЛОГИКА · 5 УРОКОВ

01УРОК 1.1

Продукт vs поделка

hybrid 18 мин

OUTCOME

Понимает разницу между «для себя» и «для других». Знает 5 признаков продукта.

АРТЕФАКТ

Чек-лист: мой проект — это продукт?

ДЕМО

Оба проекта как примеры

02УРОК 1.2

Один человек, одна задача

practice 15 мин

OUTCOME

Сформулировал своего пользователя и его задачу в одном предложении.

АРТЕФАКТ

Карточка пользователя (кто, что болит, как решает сейчас)

ДЕМО

«Мой Бюджет» — мама Катя, «Мой Прайс» — мастер Лена

03УРОК 1.3

Путь пользователя

practice 20 мин

OUTCOME

Нарисовал путь: откуда пришёл → что делает → что получает. 5-7 шагов.

АРТЕФАКТ

Схема пути пользователя (текстом или в Claude)

ДЕМО

Путь мамы Кати в «Мой Бюджет»

04УРОК 1.4

Экраны из пути

practice 15 мин

OUTCOME

Превратил шаги пути в список экранов. Знает что на каждом экране.

АРТЕФАКТ

Список экранов с описанием (что видит, что делает, куда идёт дальше)

ДЕМО

6 экранов «Мой Бюджет»

05УРОК 1.5

Лендинг — витрина продукта

hybrid 20 мин

OUTCOME

Понимает зачем лендинг и из чего состоит. Написал текст для своего.

АРТЕФАКТ

Текст лендинга: заголовок + подзаголовок + 3 блока + CTA

ДЕМО

Лендинг «Мой Прайс»

НЕДЕЛЯ 2 · ЛИЦО · 7 УРОКОВ

06УРОК 2.1

Насмотренность: хорошо vs плохо

theory 18 мин

OUTCOME

Видит разницу между любительским и профессиональным дизайном. 10 примеров разбора.

АРТЕФАКТ

Скриншоты 3 сервисов с пометками: что хорошо, что плохо

07УРОК 2.2

3 цвета, 2 шрифта, 1 стиль

practice 15 мин

OUTCOME

Выбрал палитру и шрифты для своего проекта. Знает правило контраста.

АРТЕФАКТ

Стайлгайд проекта: цвета + шрифты + пример применения

ДЕМО

Стайлгайд «Мой Бюджет»

08УРОК 2.3

Компоненты: кнопки, карточки, формы

practice 20 мин

OUTCOME

Собрал базовый набор компонентов в Claude. Знает что такое консистентность.

АРТЕФАКТ

Набор компонентов в Claude-артефакте

ДЕМО

Компоненты «Мой Прайс»

09УРОК 2.4

Собираем лендинг

practice 20 мин

OUTCOME

Рабочий лендинг из компонентов. Красивый, с правильной структурой.

АРТЕФАКТ

HTML-лендинг в Claude

ДЕМО

Лендинг «Мой Прайс» live

10УРОК 2.5

Собираем основной экран

practice 20 мин

OUTCOME

Главный экран продукта собран. Навигация, контент, действия.

АРТЕФАКТ

Основной экран в Claude-артефакте

ДЕМО

Дашборд «Мой Бюджет»

11УРОК 2.6

Мобильная версия

practice 15 мин

OUTCOME

Продукт выглядит хорошо на телефоне. Знает базовые правила адаптивности.

АРТЕФАКТ

Адаптивная версия основного экрана

12УРОК 2.7

Полировка: отступы, выравнивание, детали

practice 18 мин

OUTCOME

Продукт выглядит «дорого». Убраны мелкие косяки, добавлены детали.

АРТЕФАКТ

Финальная версия всех экранов

НЕДЕЛЯ 3 · МОЗГ · 9 УРОКОВ

13УРОК 3.1

Данные: что сервис запоминает

theory 15 мин

OUTCOME

Понимает что такое данные в контексте своего продукта. Список полей.

АРТЕФАКТ

Таблица данных: что хранится, откуда берётся

14УРОК 3.2

Формы: как пользователь вводит данные

practice 18 мин

OUTCOME

Рабочие формы с валидацией. Пользователь не может сломать.

АРТЕФАКТ

Форма ввода с проверками

ДЕМО

Форма расхода в «Мой Бюджет»

15УРОК 3.3

Состояния: пусто, загрузка, ошибка

practice 15 мин

OUTCOME

Продукт не ломается визуально. Есть заглушки, лоадеры, сообщения об ошибках.

АРТЕФАКТ

Экран с 3 состояниями

16УРОК 3.4

Хранение данных в браузере

practice 20 мин

OUTCOME

Данные сохраняются между визитами. localStorage на практике.

АРТЕФАКТ

Сервис с сохранением данных

ДЕМО

«Мой Бюджет» запоминает расходы

17УРОК 3.5

Фильтры и сортировка

practice 15 мин

OUTCOME

Пользователь может найти нужное. Фильтр по категории, сортировка по дате.

АРТЕФАКТ

Список с фильтрами

18УРОК 3.6

Визуализация данных

practice 20 мин

OUTCOME

Красивые графики и диаграммы. Данные рассказывают историю.

АРТЕФАКТ

Дашборд с графиком

ДЕМО

Диаграмма расходов «Мой Бюджет»

19УРОК 3.7

Навигация между экранами

practice 18 мин

OUTCOME

Все экраны связаны. Можно ходить между ними. Это ощущается как приложение.

АРТЕФАКТ

Многостраничный прототип

20УРОК 3.8

Деплой: свой домен

practice 20 мин

OUTCOME

Продукт живёт в интернете. Есть ссылка, которую можно отправить.

АРТЕФАКТ

Рабочий URL продукта

21УРОК 3.9

Финальная сборка и тестирование

practice 20 мин

OUTCOME

Всё работает вместе. Прошёл чек-лист качества. Готов показать людям.

АРТЕФАКТ

Финальный продукт + запись 1-минутной демонстрации

Смена 2 — Vibe-кодинг и AI-агенты

Целевая аудитория модуля

Путь студента — 10 шагов

Сводные выводы

Путь студента

Демо-проекты модуля

Поурочная раскладка