Вайбкодинг за 30 дней
О чём курс
Курс обучает разработке сайтов и веб-приложений с помощью инструментов Cursor AI и Claude Code без написания кода вручную. На практических задачах вы соберёте два проекта в портфолио: интерактивный лендинг с анимацией и fullstack-сервис для подсчёта калорий с базой данных и авторизацией пользователей. По словам автора, навыки вайбкодинга позволяют собирать рабочие MVP за выходные и запускать стартапы без привлечения сторонней команды программистов.
Кому подойдёт
- Новичкам без опыта: для старта в fullstack-разработке с нуля, преодоления страха перед ошибками нейросетей и создания первых проектов.
- Фрилансерам: для предоставления услуг полного цикла от дизайна до готового сервиса и ускорения вёрстки.
- Основателям проектов и бизнесу: для быстрой проверки гипотез на рабочих прототипах и сокращения расходов на разработку.
Что внутри
Обучение начинается с настройки рабочего пространства: разбора интерфейса и AI-функций редактора Cursor, работы с протоколом MCP, интеграции с Figma и настройки Claude Code.
В практической части разбирается вёрстка адаптивного лендинга, создание анимаций, оптимизация изображений и деплой сайта. Отдельное внимание уделено поиску первых заказчиков, скриптам для переговоров и упаковке портфолио.
Продвинутый блок охватывает управление контекстом нейросети, написание проектных правил, работу с Git и GitHub, а также методы отладки. Финальный раздел посвящён fullstack-разработке сервиса на Python и Django REST Framework: от проектирования REST API и подключения базы данных до внедрения нейросетевых функций оценки блюд, настройки подписок и обеспечения безопасности фронтенда и бэкенда.
Формат
Обучение рассчитано на 4 недели. Программа включает более 70 уроков общей продолжительностью свыше 23 часов видеоматериалов.
Программа обучения
- База вайбкодинга:
- Начало работы с Cursor AI:
- Что такое вайбкодинг. Будущее программирования
- Что такое Cursor AI, скачивание и установка
- Обзор интерфейса Cursor AI. Ваш первый проект
- Настройка Cursor:
- Обзор настроек Cursor
- Обзор AI функций
- Кастомизация Cursor под себя
- Конфиденциальность твоего кода
- Что такое MCP. Установка самых полезных MCP. Подключение Figma к Cursor
- Как использовать Cursor бесплатно
- Работа с Claude Code и аналогами Cursor:
- О чём этот модуль
- Какие есть аналоги Cursor, что выбрать?
- Скачивание и установка Claude Code
- Где в Claude Code проектные правила?
- Гайд по работе с Claude Code
- Интерфейс для Claude Code
- Результат после модуля: умеешь использовать самые современные инструменты для вайбкодинга.
- Начало работы с Cursor AI:
- Первый проект:
- Вёрстка лендинга:
- Что будет в этом модуле
- Подготовка проекта, роадмап. Как избавиться от галлюцинаций
- Вёрстка проекта. 3 способа вёрстки
- Создание анимаций
- Мобильная адаптация
- Рефакторинг, поиск багов, оптимизация изображений, lazyload, улучшение доступности
- Деплой лендинга и публикация
- Монетизация навыков вайбкодинга:
- Где искать первых клиентов
- Как оценивать свою работу: сколько брать за лендинг, за веб-приложение
- Как создать портфолио, которое продаёт
- Скрипты для переговоров с клиентами
- Кейс: как заработать первые $1.000 на вайбкодинге
- Результат после модуля: верстаешь сайты любой сложности, создаёшь интерактивность, трендовые анимации. Знаешь, как монетизировать свои навыки.
- Вёрстка лендинга:
- Продвинутый вайбкодинг:
- Продвинутая работа с Cursor:
- Проектные правила. Как писать свои и переделывать чужие
- Кастомные моды чата, расширяем стандартный функционал Cursor
- Продвинутая фишка: как держать модель в тонусе
- Промпт декораторы – собственные быстрые команды
- Пользовательские команды
- Как заставить нейросеть писать чистый код
- Подключение бесплатных AI моделей по API
- Программирование голосом. Настройка голосового ввода
- Дебаггинг. Как дебажить приложение, если ты новичок, и ты в тупике
- Продвинутое копирование чужого сайта
- Git и GitHub для вайбкодинга:
- Что такое Git и GitHub
- Установка Git. Регистрация GitHub
- Работа с GitHub в Cursor
- Правила безопасности при работе с Git
- Результат после модуля: умеешь эффективно управлять контекстом, используешь секретные фишки для вайбкодинга и полностью избавляешься от галлюцинаций AI.
- Продвинутая работа с Cursor:
- Разработка продукта:
- Введение в базовый бэкенд:
- Что такое бэкенд-разработка и её роль в вебе
- Что такое JSON. Передача информации между клиентом и сервером
- CRUD операции и HTTP коды
- Что такое REST API
- Лучшие практики проектирования REST API
- Базы данных: основы хранения данных
- Практика: разработка сайта с галереей фильмов
- Разработка бэкенда сервиса нейросчетчика калорий:
- Что будет в модуле
- Скачивание и установка Python + Django REST Framework
- Проектирование REST API
- Разработка авторизации и регистрации
- Разработка профиля
- Разработка ежедневных целей
- Разработка модуля блюд
- Интеграция с нейросетью для оценки блюд
- Разработка системы подписок, подключение платежей
- Рефакторинг кода. Оптимизация работы приложения
- Обеспечение безопасности приложения
- Деплой приложения
- Введение в базовую вёрстку:
- Что будет в модуле
- HTML. Основные теги, классы, id, атрибуты
- Как сделать сайт красивым с помощью CSS
- Основы CSS Flexbox
- Базовый JS, работа с DOM
- Разработка фронтенда сервиса нейросчетчика калорий:
- Что будет в модуле
- Инициализация проекта
- Что такое JSX и компоненты
- Создание регистрации, авторизации
- Разработка страницы профиля
- Получение блюд. Вёрстка трекера
- Добавление блюд, интеграция нейросети для оценки блюд
- Вёрстка и подключение ежедневных целей
- Разработка тарифов, истории платежей
- Рефакторинг кода. Оптимизация работы фронтенда
- Обеспечение безопасности фронтенда
- Деплой приложения
- Результат после модуля: умеешь в одиночку создавать стартапы, разрабатывать масштабируемые fullstack приложения стоимостью от $3.000, не боишься брать сложные заказы.
- Введение в базовый бэкенд:
Теги курса
Другие материалы автора 3
СБ Станислав Быстрицкий Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.