[Станислав Быстрицкий] Самый полный курс по вайбкодингу сайтов и веб-приложений 3.0 (2026)

• Что такое вайбкодинг и почему это меняет всё
• Для кого вайбкодинг и можно ли на нем заработать?
• Инструменты для вайбкодинга: какой выбрать
• Как ставить задачу нейросети: база промптинга
• Твой первый проект за 15 минут
• Как стать профессионалом в вайбкодинге. Чит-код для роста

Добро пожаловать на обучение

• Организационная информация
• Бонус за покупку – 1000 идей для стартапа
• Бонус – доступ в Точку Фарма

Инструменты для вайбкодинга

• Как проходить обучение
• Выбор модели и инструмента для вайбкодинга
• Покупка платных инструментов из РФ
• Регистрация и покупка Claude Code и Codex
• Установка и обзор VS Code
• Установка Claude Code и Codex (CLI и расширение)
• Твой первый проект

Функционал AI-агентов

• Как проходить модуль
• Что такое Codex / Claude Code
• Установка Desktop версии
• Обзор интерфейса Desktop версии
• Установка и обзор расширения в VS Code
• Установка и обзор CLI версии
• Стандартные команды
• Правила для AI-агентов
• МСР. Установка самых полезных MCP
• Скиллы агентов под любые задачи. Поиск, установка, создание своих навыков
• Субагенты. Как создать целую команду AI-агентов
• Agents Team в Claude Code
• Хуки. Создание собственных хуков
• Плагины. Что это, как пользоваться
• Память агентов ( Memory )

Работа с Claude Code и аналогами Cursor

• О чем этот модуль
• Какие есть аналоги Cursor, что выбрать?
• Скачивание и установка Claude Code
• Где в Claude Code проектные правила?
• Гайд по работе с Claude Code
• Интерфейс для Claude Code

Начало работы с Cursor AI

• Что такое вайбкодинг. Будущее программирования
• Что такое Cursor AI, скачивание и установка
• Обзор интерфейса Cursor AI. Ваш первый проект

Настройка Cursor

• Обзор настроек Cursor
• Обзор AI функций
• Кастомизация Cursor под себя
• Конфиденциальность твоего кода
• Что такое MCP. Установка самых полезных MCP. Подключение Figma к Cursor
• Как использовать Cursor бесплатно

Вёрстка лендинга

• Что будет в этом модуле
• Подготовка проекта, роадмап. Как избавиться от галлюцинаций
• Вёрстка проекта. 3 способа вёрстки
• Создание анимаций
• Мобильная адаптация
• Рефакторинг, поиск багов, оптимизация изображений, lazyload, улучшение доступности
• Деплой лендинга

Продвинутая работа с Cursor

• Проектные правила. Как писать свои и переделывать чужие
• Автоматическое выполнение команд в терминале. Как случайно не удалить проект
• Кастомные моды чата, расширяем стандартный функционал Cursor
• Продвинутая фишка: как держать модель в тонусе
• Промпт декораторы – собственные быстрые команды
• Пользовательские команды
• Как заставить нейросеть писать чистый код
• Подключение бесплатных AI моделей по API
• Программирование голосом. Настройка голосового ввода
• Дебаггинг. Как дебажить приложение, если ты новичок, и ты в тупике
• Продвинутое копирование чужого сайта

Git и GitHub для вайбкодинга

• Что такое Git и GitHub
• Установка Git. Регистрация GitHub
• Работа с GitHub в Cursor
• Правила безопасности при работе с Git

Введение в базовый бэкенд

• Что такое бэкенд-разработка и её роль в вебе
• Что такое JSON. Передача информации между клиентом и сервером
• CRUD операции и HTTP коды
• Что такое REST API
• Лучшие практики проектирования REST API
• Базы данных: Основы хранения данных
• Практика! Разработка сайта с галереей фильмов

Разработка бэкенда сервиса нейросчетчика калорий

• Что будет в модуле
• Скачивание и установка Python + Django REST Framework
• Проектирование REST API
• Разработка авторизации и регистрации
• Разработка профиля
• Разработка ежедневных целей
• Разработка модуля блюд
• Интеграция с нейросетью для оценки блюд
• Разработка системы подписок, подключение платежей
• Рефакторинг кода. Оптимизация работы приложения
• Обеспечение безопасности приложения
• Деплой приложения

Введение в базовую вёрстку

• Что будет в модуле
• HTML. Основные теги, классы, id, атрибуты
• Как сделать сайт красивым с помощью CSS
• Основы CSS Flexbox
• Базовый JS, работа с DOM

Разработка фронтенда сервиса нейросчетчика калорий

• Что будет в модуле
• Инициализация проекта [лёгкая версия]
• Инициализация проекта [полная версия]
• Что такое JSX и компоненты
• Создание регистрации, авторизации
• Разработка страницы профиля
• Получение блюд. Вёрстка трекера
• Добавление блюд, интеграция нейросети для оценки блюд
• Вёрстка и подключение ежедневных целей
• Разработка тарифов, истории платежей
• Рефакторинг кода. Оптимизация работы фронтенда
• Обеспечение безопасности фронтенда
• Деплой приложения

Доминирование на фрилансе

• Что будет в модуле
• Как создать портфолио, которое продает
• Упаковка профиля
• Как взять заказ (взлом психологии клиента)
• Как оценивать проект в деньгах и сроках
• Закрытие клиента в переписке
• Заказы без биржи фриланса
• Готовая схема лидогенерации (18.06.2026)
• Ведение заказа от А до Я

Завершение курса.