Vibe Coding Master
О чём курс
О чём курс
Антон Шакиров в курсе школы Wannabe разбирает, как дизайнеру запустить рабочий веб-сервис в продакшене с помощью инструментов вайбкодинга без привлечения разработчиков. Результатом практики становится действующий продукт, доступный по ссылке в интернете: его можно добавить в портфолио, использовать в текущей работе или развивать как отдельный проект.
К курсу прилагается библиотека универсальных промптов — готовых инструкций для нейросетей, применимых в Claude Code, Codex и Cursor.
Что вы освоите
- Установку и совместную настройку VS Code, Claude Code или Codex.
- Составление спецификаций для нейросетей, чтобы искусственный интеллект писал нужный код под задачу.
- Сборку интерактивного интерфейса и отправку фронтенда на хостинг с получением публичного адреса.
- Подключение бэкенда, хранилища, базы данных и авторизации реальных пользователей.
- Добавление AI-функций, внешних интеграций, административной панели и покрытие кода тестами для защиты от поломок.
Кому подойдёт
Материал рассчитан на дизайнеров интерфейсов, которые понимают устройство продукта (пользовательские сценарии, состояния экранов), умеют формулировать задачи, давать конструктивную обратную связь и хотят создавать проекты самостоятельно.
Курс не подойдёт тем, кто уже умеет писать код или имеет опыт работы разработчиком.
Инструменты и формат
Для выполнения заданий требуются доступы к Figma Pro, Claude Pro, OpenRouter и аренда VPS-сервера.
Тариф View включает просмотр видеоуроков и участие в лайв-разборах, где автор разбирает проекты участников, тупики, нестандартные случаи и отвечает на вопросы.
Программа обучения
- Разбираемся с инструментами и продуктом. vs code, claude code/codex, спека, флоу. Ставим всё нужное и переводим дизайн-идею в конкретное описание: кто пользователь, что делает, как устроено
- Собираем и сразу выкладываем. Интерфейс, компоненты, хостинг, домен. Делаем фронтенд по спеке и тут же отправляем в интернет — в конце этого блока у тебя уже есть живой сервис по ссылке
- Подключаем реальные данные. Авторизация, хранилище. После этого шага сервис перестаёт быть демо: настоящие пользователи, настоящие данные
- Расширяем и защищаем. AI, интеграции, тесты. Добавляем ai-функции, внешние подключения — и сразу прикрываем сервис от поломок, чтобы новый код не ломал старый
- Упаковываем и разбираем проекты. Портфолио, кейс, Q&A. Оформляем сервис для показа (опционально) и разбираем ваши проекты: вопросы, тупики, нестандартные случаи
Теги курса
Отзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.