Что учить дальше: дорожная карта вайбкодера

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

Уровень 1: Фундамент вайбкодинга

Ориентировочный срок: 2–3 недели

Цель этого этапа — привыкнуть к процессу и понять, на что ИИ способен, а на что нет. Выберите один инструмент — Bolt.new или Lovable для начала — и сосредоточьтесь на нём. Не прыгайте между инструментами, не пытайтесь попробовать всё сразу. Глубина важнее широты.

Создайте минимум пять простых проектов: персональный сайт-визитка, лендинг для вымышленного продукта, калькулятор, список задач (to-do), простое портфолио. Каждый проект — это практика формулировки промптов, работы с итерациями, понимание возможностей инструмента.

Параллельно начните собирать библиотеку промптов. Каждый раз, когда вы находите формулировку, которая даёт хороший результат, записывайте её. Это ваш главный актив на этом этапе.

Уровень 2: Базовые веб-технологии

Ориентировочный срок: 3–4 недели

Теперь самое время разобраться в том, что ИИ генерирует за вас. Это не значит «выучить программирование». Это значит получить достаточное понимание, чтобы общаться с ИИ более точно и быстрее находить проблемы.

Начните с HTML и CSS — потратьте на это два-три дня. Вам не нужно запоминать все теги и свойства. Вам нужно понять концепции: что такое элемент, как работает каскад стилей, что такое flexbox и grid, как устроена адаптивная вёрстка. Когда вы видите в сгенерированном коде flex justify-between items-center, вы должны понимать, что это горизонтальное расположение с элементами по краям и по центру вертикали.

Затем — основы JavaScript. Опять же, не для того чтобы писать код, а чтобы читать его. Переменные, функции, условия, циклы, объекты, массивы. Потратьте ещё два-три дня.

Отдельно разберитесь с Tailwind CSS — это система утилитарных классов, которую используют почти все ИИ-инструменты для стилизации. Выучите 30–40 самых частых классов (p-4, m-2, flex, grid, text-lg, bg-white, rounded, shadow и так далее), и ваши промпты станут значительно точнее.

Наконец, разберитесь в том, как работают API. Что такое HTTP-запрос. Что такое GET и POST. Что такое JSON. Как фронтенд общается с бэкендом. Это фундамент, без которого вы не сможете подключать базы данных, внешние сервисы и другие продвинутые функции.

Уровень 3: Полный стек

Ориентировочный срок: 4–6 недель

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

Подключите Supabase или Firebase в качестве бэкенда. Научитесь создавать таблицы, писать простые запросы, настраивать права доступа. Освойте аутентификацию пользователей — регистрацию, вход, разграничение ролей (обычный пользователь vs администратор).

Перейдите на Cursor — если ещё не перешли. На этом уровне вам нужен контроль над проектом: видеть все файлы, понимать структуру, вносить точечные правки. Bolt и Lovable замечательны для старта, но для серьёзных проектов нужна полноценная IDE.

Освойте деплой: Vercel для фронтенда, Railway или Render для бэкенда. Научитесь покупать домен и привязывать его к хостингу. К концу этого уровня вы сможете создать и запустить коммерческий продукт — SaaS-сервис, маркетплейс, платформу для онлайн-курсов.

Уровень 4: Профессиональные практики

Ориентировочный срок: 2–3 месяца

Здесь фокус смещается с «создать» на «поддерживать и масштабировать». Ваши продукты становятся сложнее, появляются пользователи, нужно обеспечивать стабильность и безопасность.

Git — система контроля версий, без которой невозможна серьёзная разработка. Научитесь создавать репозитории, делать коммиты, работать с ветками. Это ваша страховочная сетка: если что-то сломалось, вы всегда можете откатиться к работающей версии. Попросите ИИ помочь с изучением — он отлично объясняет Git-команды в контексте реальных сценариев.

Тестирование — ещё одна область, где ИИ проявляет себя отлично. Попросите его «напиши тесты для этого компонента» — и он сгенерирует набор проверок, которые автоматически убедятся, что ваш код работает корректно. Это значительно снижает количество багов в продакшене.

CI/CD — автоматизация тестирования и деплоя. Настроили один раз — и при каждом обновлении кода автоматически запускаются тесты, а если они проходят — новая версия автоматически деплоится. Это звучит сложно, но на практике — это один конфигурационный файл, который ИИ может сгенерировать за вас.

Уровень 5: Масштабирование

Ориентировочный срок: 6+ месяцев (и это уже бесконечный процесс)

На этом уровне ваши продукты обслуживают сотни или тысячи пользователей, и вы начинаете сталкиваться с проблемами масштаба. Страницы загружаются медленно? Нужно кеширование и оптимизация изображений. Пользователи не находят вас в Google? Нужно SEO. Не понимаете, почему конверсия низкая? Нужна аналитика. Приложение падает на продакшене, и вы не знаете почему? Нужен мониторинг и логирование.

Здесь же появляются вопросы монетизации: интеграция с платёжными системами (Stripe, Kaspi Pay), подписочные модели, инвойсы, возвраты. Это уже уровень реального бизнеса, и каждый из этих навыков — отдельная глубокая тема.

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

Ваш следующий шаг

Не пытайтесь охватить всё сразу. Посмотрите, на каком уровне вы сейчас, и сосредоточьтесь на следующем. Если вы только начинаете — создайте свой первый проект в Bolt.new сегодня вечером. Если уже создаёте лендинги — потратьте пару дней на основы HTML и CSS. Если подключаете базы данных — освойте Git.

Каждый уровень открывает новые возможности, но каждый уровень и сам по себе достаточен для создания ценности. Не откладывайте запуск продукта до момента, когда «научитесь всему». Учитесь в процессе создания, запускайте несовершенное, улучшайте после обратной связи. Это и есть вайбкодинг — не в смысле инструментов, а в смысле философии.