Вайб-кодинг с ИИ
Новый способ создавать приложения: ты описываешь идею словами, ИИ пишет код, ты направляешь и улучшаешь. Игра, сайт и Telegram-бот — за один курс.
Для кого этот курс
Инструменты курса
Программа курса
12 занятийЧто такое вайб-кодинг
Революция в программировании: ИИ-ассистенты умеют писать код лучше большинства людей. Наша задача — научиться правильно ставить задачи. Устанавливаем Cursor — IDE со встроенным ИИ. Пишем первое приложение: калькулятор по описанию на русском языке. Разбираем: что такое HTML, CSS, JavaScript — за 30 минут, без скуки.
Как говорить с ИИ на языке кода
Промпт-инжиниринг для разработки — это отдельное искусство. Разбираем шаблоны: «Сделай X, используя Y, в стиле Z». Учимся уточнять и итерировать — первый вариант редко идеальный. Создаём таймер Pomodoro с анимацией. Сравниваем: что получилось с хорошим промптом и плохим?
Первый сайт: портфолио за урок
Создаём персональный сайт-портфолио: обо мне, мои проекты, контакты. Просим ИИ сделать красивую анимацию при загрузке, тёмную тему, адаптивный дизайн для телефона. Учимся читать сгенерированный HTML/CSS — понимать, за что отвечает каждый блок. Публикуем сайт через Vercel — у каждого будет настоящий URL.
Браузерная игра: персонаж и управление
Создаём первую игру на JavaScript — платформер или аркада. Описываем: персонаж, управление (стрелки/WASD), гравитация, препятствия. ИИ пишет базовый движок, мы настраиваем физику и визуал. Разбираем ключевые концепции игр: game loop, delta time, коллизии — всё через готовый код.
Добавляем счёт, уровни, врагов
Игра усложняется: добавляем счётчик очков, систему жизней, увеличение сложности. Просим ИИ сгенерировать звуки и анимации. Тестируем игру на прочность: что ломается? Учимся формулировать баги для ИИ — «при прыжке на врага персонаж падает сквозь платформу». Это и есть настоящая разработка.
Telegram-бот: от идеи до запуска
Переходим в Python. Создаём Telegram-бота: регистрируем, пишем базовую структуру с ИИ, добавляем команды и кнопки. Первый бот — информационный: отвечает на вопросы, отправляет расписание, делает что-то полезное для школы или хобби. К концу урока бот работает в телефоне.
Бот с мозгами: подключаем ИИ
Наш бот становится умным — подключаем ChatGPT API. Теперь он отвечает не по скриптам, а думает сам. Добавляем личность боту: имя, характер, область знаний. Учимся ограничивать контекст — чтобы бот не болтал лишнего. Тестируем: пробуем сломать бота вопросами.
База данных для приложения
Приложения хранят данные — как? Подключаем Firebase или Supabase (облачные БД без настройки сервера). Просим ИИ написать функции: сохранить пользователя, получить данные, обновить запись. Добавляем в бота память: теперь он запоминает имя пользователя и его предпочтения между сессиями.
Дизайн, который работает
Возвращаемся к вебу: делаем приложение красивым. Просим ИИ добавить анимации (Framer Motion / GSAP), тёмную/светлую тему, плавные переходы. Разбираем базовые принципы UX: иерархия, контраст, пространство. Почему «просто красиво» недостаточно — и как думать с точки зрения пользователя.
Финальный проект: идея и план
Каждый формулирует идею финального проекта. Правило одно: это должно быть что-то реально полезное — для себя, семьи, друзей или школы. Анализируем идею: что нужно пользователю? Какой минимальный продукт можно сделать за 4 занятия? Составляем список функций и очерёдность.
Разработка финального проекта
Три урока на реализацию. Работаем как настоящая команда разработчиков: ставим задачи, итерируем, решаем проблемы. Преподаватель в роли тимлида: помогает, указывает на лучшие подходы, не даёт готовые ответы — учит думать. Промежуточный показ: демонстрируем друг другу прогресс.
Финальный показ
Каждый демонстрирует свой проект: показывает, объясняет идею и реализацию. Родители приглашены. Обсуждаем: как развивать проект дальше? Можно ли это превратить в стартап? Где публиковать — AppStore, Web, Telegram? Вручаем сертификаты «Вайб-разработчик».
Что вы получите
Попробуйте бесплатно
Запишитесь на пробное занятие. Без обязательств.
3D-игрушка каждому ребёнку в подарок.