Ребята, стартуем в понедельник

Марафон «База вайбкодинга»

Практический вход в AI‑кодинг: от идеи и структуры проекта до первого рабочего результата с помощью AI‑инструментов.

5‑дневный марафон для участников Лаборатории. Разберём, как устроена работа с AI‑кодингом, какие инструменты нужны, как вести проект, как проверять результат и как собрать первый работающий сайт, бота, мини‑сервис или автоматизацию.

5 днейAI‑кодингVS CodeClineCodexClaude CodeGitHubOllamaпервый проект
что это

Что такое «База вайбкодинга»

↘

Это марафон про практическую работу с AI‑кодингом. Не про абстрактные разговоры, а про то, как устроить рабочую среду, поставить задачу AI‑инструменту, собрать структуру проекта, разобраться с файлами, GitHub, терминалом, frontend/backend, деплоем и довести идею до первого результата.

Проектная среда

Папки, файлы, README, правила и структура проекта.

AI‑инструменты

Cline, Codex, Claude Code, ChatGPT, Claude и Ollama.

Инженерная база

GitHub, терминал, frontend, backend, API, база данных и сервер.

Первый результат

Собираем проект, проверяем, исправляем ошибки и понимаем, как развивать дальше.

5 дней

Программа марафона

День 1

Карта вайбкодинга

Тема: как устроена работа с AI‑кодингом.

  • что такое вайбкодинг на практике;
  • как идея превращается в задачу;
  • где нужен чат, а где уже агент;
  • как AI работает с проектом;
  • почему важны контекст, правила и критерии результата.
День 2

Рабочая среда проекта

Тема: собираем базовую среду, в которой можно работать с AI‑кодингом.

  • VS Code как рабочая среда;
  • структура проекта;
  • README и правила работы;
  • терминал;
  • Git и GitHub;
  • commit, diff и история изменений;
  • безопасная работа с правками.
День 3

Инструменты AI‑кодинга

Тема: разбираем стек инструментов, с которыми будем работать.

  • VS Code — среда проекта;
  • Cline — AI‑агент внутри редактора;
  • Codex / Claude Code — coding agents для задач по проекту;
  • ChatGPT / Claude — архитектура и планирование;
  • Ollama — локальные и open‑source модели;
  • GitHub и терминал — хранение, запуск, проверка, деплой.
День 4

Как устроен проект внутри

Тема: базовая архитектура цифрового продукта простыми словами.

  • frontend — то, что видит пользователь;
  • backend — логика и обработка данных;
  • UX/UI — удобство, сценарии и интерфейс;
  • API — как части проекта общаются;
  • база данных — где хранятся данные;
  • сервер и деплой — как проект становится доступным снаружи;
  • context, rules, skills — рамки работы для AI.
День 5

Первый рабочий результат

Тема: собираем первый проект до состояния «работает, можно показать, можно развивать дальше».

  • сборка первого проекта;
  • проверка результата;
  • ошибки и логи;
  • review изменений;
  • переменные окружения;
  • cron / автоматические задачи;
  • деплой и базовая проверка;
  • что делать после первого проекта.
стек

Инструменты марафона

VS Code

Рабочая среда проекта: файлы, структура, код, расширения, навигация.

Cline

AI‑агент внутри VS Code, который помогает работать с файлами проекта и собирать результат.

Codex / Claude Code

Coding agents для серьёзных задач: правки, архитектура, реализация, review.

ChatGPT / Claude

Планирование, разбор задач, архитектура, тексты, логика проекта и уточнение решений.

Ollama

Локальные и open‑source модели: как устроен бесплатный/локальный контур.

GitHub

Хранение проекта, версии, история изменений, совместная работа и безопасный откат.

Терминал

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

Frontend / Backend / API / база данных

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

архитектура

Как устроен проект внутри

Frontend
Экран, интерфейс, карточки, кнопки, формы, всё, что видит человек.
Backend
Логика, обработка данных, сценарии и правила работы сервиса.
UX/UI
Удобство, понятные шаги, визуальный ритм и интерфейс без перегруза.
API
Связь между частями проекта: сайт, бот, база, внешние сервисы.
База данных
Место, где проект хранит пользователей, статусы, заявки и результаты.
Сервер и деплой
Как проект становится доступным снаружи и как проверить, что он работает.
результат

Что останется после марафона

Карта вайбкодинга

Понимание, какие инструменты за что отвечают и как соединяются в рабочий процесс.

Базовая проектная среда

Папки, файлы, README, правила, GitHub, терминал и структура проекта.

Первый рабочий проект

Сайт, бот, мини‑сервис, автоматизация или другой небольшой цифровой инструмент.

Понимание архитектуры

Frontend, backend, API, база данных, сервер, деплой, UX/UI.

Основа для следующих модулей

База, на которую дальше можно накладывать Codex, Claude Code, AI‑агентов, автоматизации и более сложные проекты.

для кого

Для кого

Марафон для участников Лаборатории, которые хотят глубже разобраться в AI‑кодинге и начать собирать реальные цифровые инструменты вместе с AI.

понимать, как устроены AI‑coding инструменты;
уверенно работать с проектами, файлами и GitHub;
разобраться в VS Code, Cline, Codex, Claude Code, Ollama;
собирать сайты, ботов, мини‑сервисы и автоматизации;
понимать frontend/backend/API/деплой без перегруза теорией;
перейти от отдельных экспериментов к системной работе с проектами.
формат

Как будет проходить марафон

5 дней — 5 смысловых блоков

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

Фокус на практике

Разбор, сборка, объяснение логики, работа с инструментами и связка «идея → проект → результат».

финальный блок

Стартуем в понедельник

Марафон «База вайбкодинга» — это первый практический слой для дальнейшей работы с AI‑кодингом, агентами и цифровыми инструментами.

За 5 дней соберём базу: рабочую среду, понимание инструментов, структуру проекта и первый результат, который можно развивать дальше.

Подробности и материалы будут внутри Лаборатории.