Вайбкодинг с нуля
Модуль 1. Основы
  • За 15 минут у тебя будет своя страница в интернете
  • Вайбкодинг за 5 минут: что это и почему сейчас
  • Какой инструмент выбрать - и почему не стоит на этом застревать
Модуль 2. Собираем первую страницу
  • Первая страница из одной фразы
  • Осваиваемся в окне Lovable
Модуль 3. Как говорить с AI
  • Формула промпта: объясни так, чтобы поняли
  • Правки без переделок: доводи, а не сноси
  • Шаблоны-приёмы под частые задачи
Модуль 4. Собираем флагман
  • Выбираем проект и собираем каркас
  • Ветка А: собираем лендинг по шагам
  • Ветка Б: собираем генератор по шагам
  • Наполняем проект содержанием
  • Доводим до рабочего вида и проверяем
Модуль 5. Выходим в интернет
  • Публикуем проект в интернет
  • Свой домен: нужен ли и как подключить
Модуль 6. Упаковка и первые продажи
  • За что платят: ценность и упаковка
  • Цена и приём оплаты
  • Первая продажа: первый шаг к клиенту
  • Куда расти дальше
0 из 19 · 0%Пройдено
vibey
0 из 19 · 0%
ДашбордД
Модуль 1 · Урок 1 · ~4 мин

За 15 минут у тебя будет своя страница в интернете

Прямо сейчас, не вставая из-за стола и не скачивая ни одной программы, ты соберёшь настоящую страницу и опубликуешь её в интернете. Реальную - с ссылкой, которую можно открыть с телефона и кинуть другу. Без кода. Без «сначала выучи программирование». Просто ты, браузер и 15 минут.

Звучит как преувеличение? Сейчас увидишь сам. Это и называется вайбкодинг: ты описываешь словами, что хочешь, а AI пишет код за тебя и собирает результат. Ты - режиссёр, AI - исполнитель. Тебе не нужно знать ни одного технического термина, чтобы получить готовую страницу.

За этот урок мы сделаем простую страницу-визитку, поправим её одной фразой и выведем в интернет. В конце у тебя на руках будет живой результат - не «продолжение в платной части», а законченная страница, которой можно похвастаться. Поехали.

Что нужно
Только браузер (тот, в котором ты сейчас читаешь) и 15 минут. Ничего устанавливать, настраивать или платить не надо.

Шаг 1: заводим Lovable

Инструмент, в котором мы работаем, называется Lovable. Это веб-платформа: открываешь в браузере, пишешь словами, что хочешь - она собирает приложение и показывает вживую. Ничего скачивать не нужно.

Зайди на lovable.dev и зарегистрируйся - через почту или Google, как удобнее. Это пара минут. После входа ты увидишь главный экран с полем для ввода - туда мы совсем скоро напишем первую фразу.

Главная страница Lovable с полем ввода запроса
Вот сюда ты совсем скоро напишешь свою первую фразу.
Про деньги - коротко
У Lovable есть бесплатный тариф с лимитом запросов - на этот урок и первую страницу его спокойно хватает. Платный есть, но для старта он не нужен; начинаешь бесплатно.

Шаг 2: первая фраза → первая страница

Сейчас произойдёт магия. Ты напишешь одну фразу - и через пару секунд на экране появится готовая страница. Тема не важна: цель урока - почувствовать процесс, а не сделать шедевр.

Выбери тему за минуту
Не застревай на выборе. Три варианта: про себя/свою услугу, про твоё хобби (готовка, бег, игры - что угодно), или вымышленная услуга («кофейня у дома», «репетитор»). Никто не проверяет, реальное оно или нет. Выбрал - поехали.

Нажми отправить и подожди. Lovable обдумает запрос и соберёт страницу - ты увидишь её справа, живьём. Поздравляю - ты только что собрал сайт фразой на русском. Это уже победа.

Окно Lovable после запроса: слева введённая фраза, справа собранная страница-визитка
Слева - твои слова, справа - готовая страница. Вот и весь вайбкодинг.
Неидеально - это нормально
Если цвета не те, текст не идеальный или кнопка не там - это нормально. Первая версия всегда черновая, у всех. Доводить будем на следующем шаге, удалять ничего не надо.
Проверь себя

Твоя первая страница собралась, но цвета не те и текст неидеальный. Что это значит?

Шаг 3: одна правка, чтобы почувствовать управление

Вся работа в Lovable идёт по простому циклу: сказал → увидел → поправил. Ты пишешь в чат, что изменить, смотришь на результат, при необходимости правишь снова. Управление - через разговор, а не через кнопки и меню. Давай попробуем.

Видишь, как страница поменялась справа? Вот так ты управляешь всем - просто говоришь словами. Чем точнее формулируешь, тем меньше правок нужно (этому посвящён весь полный курс).

Шаг 4: публикуем - твоя живая ссылка

А теперь - главное. Сейчас твоя страница живёт только у тебя в окне. Давай выведем её в интернет, чтобы у неё появился настоящий адрес.

Найди в Lovable кнопку публикации (обычно подписана как «Publish» или «Опубликовать»). Нажми её - инструмент опубликует твою страницу и выдаст ссылку. Это и есть адрес твоей страницы в интернете - её теперь может открыть кто угодно, у кого есть этот адрес.

Кнопка публикации и появившаяся после нажатия живая ссылка на страницу
Одно нажатие - и у твоей страницы есть адрес в интернете.
Открой с телефона прямо сейчас
Скопируй ссылку, открой её на телефоне. Видишь свою страницу на маленьком экране? Кинь её другу или в свой чат. Вот оно - то самое «я смог». Час назад ты не умел кодить. Сейчас у тебя страница в интернете.
Проверь себя

Ты нажал кнопку публикации и получил ссылку. Что это за ссылка?

Если что-то пошло не так
Ссылка не открывается - подожди минуту и обнови, публикация иногда занимает чуть времени. Страница вышла на английском - напиши в чат «переведи всё на русский» и опубликуй заново.
Ключевые моменты
  • Вайбкодинг - это сборка страниц и приложений словами, без ручного кода; ты описываешь, AI исполняет.
  • Работа идёт по циклу сказал → увидел → поправил, управление через чат.
  • Публикация превращает твою страницу в живую ссылку, которую можно открыть откуда угодно и кинуть кому угодно.

Что дальше

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

Это была первая страница. В полном курсе vibey мы берём ровно этот навык и растим из него настоящий проект - доводим до вида, который не стыдно показать, добавляем то, чем он реально полезен, и разбираем, как такой продукт упаковать и продавать. Шаг за шагом, на том же простом языке, без кода. Ты уже умеешь главное - остальное это надстройка над тем, что ты сделал сегодня.

Понравилось?

Открой весь курс

Ты уже собрал и опубликовал страницу. Дальше - твой настоящий проект, доведённый до запуска, и первые продажи. 6 модулей, ~19 уроков - от основ до первой продажи.

Открыть полный доступ9 990 ₸ 5 990 ₸
vibey

Курс по вайбкодингу - собери и опубликуй свой первый продукт без кода.

ДокументыУсловияПолитика конфиденциальностиВозвратО насКонтакты
Контактыemail - скороTelegram @assy1k6nei+7 776 828 5785

© 2026 vibey

Промпт
Сделай простую одностраничную сайт-визитку для [кто ты или что за услуга - например: "фотографа Айгерим" или "домашней пекарни"].
На странице: крупный заголовок с именем/названием, короткое описание в 1-2 предложения и кнопка "Связаться". Сделай чисто и современно, на русском.
Ожидаемый результат
Страница с твоим заголовком, коротким текстом и кнопкой - появится в области предпросмотра за несколько секунд.
Промпт
Поменяй цвет кнопки на тёмно-синий и сделай заголовок крупнее.
Ожидаемый результат
Кнопка станет тёмно-синей, заголовок - заметно больше; предпросмотр обновится сам.