← Все курсы

Программирование

Вайбкодинг с нуля: создай сайт на Claude Code без строчки кода

Соберите работающий сайт с админкой и своим доменом, не написав ни строчки кода. Код пишет ИИ-агент, вы ставите задачи и принимаете результат. 61 урок, 159 практических заданий, один сквозной проект — ваш собственный.

61 урок12 модулей4-6 часов в неделю

О курсе

Что будет на выходе

Живой сайт по вашему собственному адресу. С админкой, где содержимое меняется из браузера. С заявками, которые падают в базу. Работающий на телефоне. Обновляющийся сам после каждого изменения.

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

Как это устроено

Вы не пишете код. Ни строчки, ни разу за весь курс. Код пишет Claude Code — агент, который живёт внутри вашего проекта: сам правит файлы, сам запускает команды, сам чинит ошибки.

Ваша работа — ставить задачи и принимать результат. Этому курс и учит:

  • как объяснить машине, что вам нужно
  • как проверить, что она это сделала
  • что делать, когда она сломала работавшее
  • как не потратить весь лимит на переделки

Один проект от первого урока до последнего

В первом же модуле вы выбираете свою идею. Форма задана — витрина, карточка, заявка, админка. Содержание ваше:

  • кофейня со списком напитков
  • репетитор с расписанием занятий
  • каталог мастеров города
  • прокат снаряжения
  • афиша мероприятий

Параллельно в тексте собирается эталонный проект. Каждый промпт вы видите дважды: заполненным на эталоне и шаблоном под свою идею.

Почему текст, а не видео

Инструменты меняются каждые несколько месяцев. Текст обновляется под новую версию за минуты — видео пришлось бы перезаписывать целиком.

И главное: промпты копируются одним кликом, а не перепечатываются с паузами на перемотку. За курс вы скопируете их несколько десятков.

Чего в курсе нет

  • программирования: ни синтаксиса, ни разбора кода
  • администрирования серверов: Docker и nginx настраивает агент
  • обзоров инструментов: один Claude Code, сравнений не будет
  • теории про нейросети: как они устроены, для работы знать не нужно

Чему научитесь

  • Ставить задачи ИИ-агенту так, чтобы он делал нужное с первого-второго раза
  • Собирать веб-приложение: витрину, карточки, форму заявки, базу данных
  • Делать так, чтобы сайт не выглядел сгенерированным шаблоном
  • Выкатывать сайт в интернет: свой домен, HTTPS, обновление по коммиту
  • Делать админку, через которую сайт наполняет человек без технических знаний
  • Приводить посетителей из поиска и из ответов нейросетей
  • Возвращать проект в рабочее состояние, когда что-то сломалось
  • Брать за эту работу деньги

Программа курса

  • Кто такой вайбкодер
  • Картина мира за пять минут
  • Выбираем свой проект
  • Что такое Claude Code
  • Аккаунт и тариф
  • Ставим VS Code
  • Подключаем Claude Code
  • Интерфейс и лимиты
  • Плохой запрос и хороший
  • Сначала план, потом код
  • Модели Claude
  • Токены и контекст
  • Агент застрял
  • Стек курса: Go и Vue
  • Создаём проект
  • Git как машина времени
  • GitHub: копия, которая не сгорит вместе с ноутбуком
  • CLAUDE.md — память проекта
  • plan.md — план проекта
  • Что такое скиллы
  • Где брать и как выбирать
  • Прописываем в CLAUDE.md
  • MCP-минимум
  • Запуск одной командой
  • Первый экран
  • Как выглядит нейрослоп
  • Задаём свой стиль
  • Стиль-файл в CLAUDE.md
  • Мобильная версия
  • База данных
  • Страница позиции и форма заявки
  • Две среды и ключи
  • Во сколько обходится сайт в месяц
  • Покупаем сервер
  • Домен и DNS
  • Проект в коробке
  • Первый деплой руками
  • Секреты в GitHub
  • Автодеплой
  • Выкатка упала
  • Зачем отдельная админка
  • Второй фронт и третий репозиторий
  • Вход и роли
  • Управление содержимым
  • Картинки
  • Тексты, которые не звучат как ИИ
  • SEO-минимум
  • ГЕО: чтобы вас называли нейросети
  • Скорость
  • Аналитика
  • Ветка dev — вторая копия сайта
  • Безопасность одним проходом
  • Доступы и секреты
  • Одна команда на восстановление
  • Узнать раньше клиентов
  • Первый заказ
  • Сколько брать за работу
  • Как не отстать
  • Доступ и оплата
  • Проверенные скиллы
  • Шпаргалка промптов

Бесплатный урок

Кто такой вайбкодер

Раньше, чтобы сделать сайт, нужно было выучить язык программирования. Это полгода-год, и большинство сходило с дистанции на третьем месяце, так и не увидев ничего работающего.

Сейчас можно иначе. Вы объясняете задачу, код пишет ИИ-агент. Вы смотрите на результат и говорите, что не так. Он правит. Через несколько таких кругов у вас работающий сайт.

Это и называется вайбкодингом. И у него есть точное распределение ролей.

Что у вас будет в конце курса

Не папка с примерами и не учебный проект, который стыдно показать. Работающий сайт по вашему собственному адресу:

  • витрина со списком — занятия, товары, услуги, мастера: что выберете, то и будет;
  • страница каждой позиции с полным описанием;
  • форма заявки — человек оставляет имя и телефон, заявка падает в базу;
  • админка на отдельном адресе, где вы всем этим управляете прямо из браузера;
  • своё имя в интернете и замочек в адресной строке;
  • обновление одним движением — поправили, через две минуты это на сайте.

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

И всё это — не написав ни строчки кода.

Кто вы в этой паре

Вы — заказчик и приёмщик. Решаете, что делать. Смотрите, что получилось. Говорите, что переделать. Отвечаете за то, чтобы результат вам нравился.

Агент — разработчик. Пишет код, чинит ошибки, лезет в базу, настраивает сервер. Читать этот код вам не придётся ни разу за весь курс.

Сравнение простое: вы заказываете ремонт. Вы говорите, где будет кухня и какого цвета стены. Вы не кладёте плитку сами и не проверяете за мастером ровность швов линейкой — вы смотрите на готовую стену и говорите «переделай, криво».

Задание

Что из перечисленного — ваша работа, а не агента? Выберите всё подходящее.

Что это значит на практике

  • Синтаксис учить не нужно. Совсем.
  • А вот формулировать задачу — нужно. Это главный навык, который вы здесь получите, и ему посвящён отдельный модуль.
  • Смотреть на результат нужно каждый раз. Агент делает не то, что вы имели в виду, а то, что вы сказали.

Чего не будет

Не будет теории про то, как устроены нейросети. Не будет разбора кода. Не будет сравнения десяти инструментов — мы берём один и доводим на нём проект до конца.

Будет один ваш сайт, который в конце курса откроется по своему адресу в интернете, и который вы сможете показать.

Честное предупреждение

Агент будет ошибаться. Иногда он сломает то, что вчера работало. Иногда уверенно скажет, что всё готово, а на экране пусто.

Это нормально и это предусмотрено: в курсе есть отдельные уроки о том, как откатиться назад и как вытащить проект из такого состояния. Паниковать не придётся ни разу — но и рассчитывать, что всё пойдёт с первого раза, не стоит.

Задание

Вы попросили агента сделать страницу со списком товаров. Он сделал, но список выглядит не так, как вы представляли. Что делать?

Куда мы пойдём

Одиннадцать модулей плюс приложения со справочными страницами. Каждый модуль заканчивается чем-то, что работает:

  • Ориентация — выбираете свою идею. Это прямо сейчас, в третьем уроке.
  • Claude Code — ставим агента, он отвечает.
  • Разговор с агентом — учимся объяснять так, чтобы получалось с первого раза.
  • Проект и память — появляется папка проекта, которая помнит правила.
  • Скиллы и MCP — агент начинает сам проверять свою работу в браузере.
  • Собираем приложение — на экране ваш сайт с данными, и он не выглядит шаблоном.
  • Выпускаем в интернет — сайт открывается по вашему домену. Половина пути, и уже есть что показать.
  • Админка — сайт наполняет человек, не знающий слова «коммит».
  • Чтобы находили — поиск и ответы нейросетей приводят людей.
  • Чтобы не сломалось — проект переживает ошибку, вашу или агента.
  • Что дальше — первый заказ, цена, поддержка.

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

Карта курса: пять шагов — инструмент, разговор, приложение, интернет, жизнь

Это первый урок курса. Остальные открываются после покупки.

Купить на Stepik за 2 490 ₽