Одна идея.
Целый маршрут.
20 письменных уроков с практикой. Первые 5 — открыты всем.
Пройдено 0 из 20
Что такое вайбкодинг: от идеи до работающего продукта
Поймите роль человека и нейросети, выберите небольшую задачу и превратите идею в проверяемый план первого продукта.
Как устроен интернет-продукт: сайт, сервер, база данных, домен (термины с нуля)
Проследите путь запроса от браузера до сервера и научитесь отличать внешний интерфейс от хранения данных и проверки доступа.
Инструменты: ИИ-ассистенты, редакторы кода и как они работают вместе
Подберите доступные инструменты под конкретную задачу и настройте безопасный цикл между обсуждением, файлами проекта и проверкой в браузере.
Как писать промпты: структура, контекст, ограничения, примеры
Научитесь превращать расплывчатое пожелание в последовательную задачу для ИИ, проверять ответ и уточнять запрос без бесконечных переделок.
Первый мини-проект: страница-визитка за вечер
Соберите страницу учебной мастерской: от проверяемой задачи и первого HTML-файла до проверки на телефоне и передачи результата.
Планирование проекта: техническое задание и разбивка на этапы для ИИ
Превратите пожелания к сайту мастерской в сценарии, ограничения, этапы и критерии приёмки, чтобы управлять работой ИИ.
HTML и CSS без страха: что должен понимать вайбкодер
Научитесь читать разметку, понимать каскад стилей и исправлять размеры, отступы и расположение элементов без случайного переписывания страницы.
JavaScript и логика интерфейса: как читать код, который написал ИИ
Разберите состояние, события, условия и ошибки на рабочем примере выбора услуги: интерфейс готовит сообщение и позволяет скопировать его без отправки данных.
Дизайн, который не выглядит как шаблон из нейросети
Построим визуальную систему сайта мастерской: от задачи посетителя и референсов до типографики, доступности и проверки на телефоне.
Git и GitHub: версии, откаты и безопасная работа с ИИ
Научимся сохранять небольшие версии проекта, проверять изменения ИИ, работать в отдельных ветках и возвращать неудачные правки без потери чужой работы.
Базы данных и хранение данных
Спроектируем хранение заявок мастерской, создадим таблицы и безопасные запросы, разберём ограничения, изменения схемы и восстановление данных.
Регистрация, вход и безопасность пользователей
Разберём проверку личности, сессии и права доступа. Спроектируем вход для мастерской и проверим, что один пользователь не может читать или изменять чужие заявки.
Telegram-боты: от BotFather до рабочего бота
Спроектируйте диалог бота мастерской, получите сообщения через Bot API и научитесь сохранять заявки без потери состояния и повторной обработки.
Telegram Mini App: интерфейс внутри Telegram
Создайте понятный интерфейс записи внутри Telegram и разберите безопасную проверку данных запуска на сервере, состояния формы и связь с ботом.
Выкладываем проект: хостинг, домен, HTTPS
Подготовьте проект мастерской к публикации: выберите среду исполнения, разделите настройки, подключите домен и проверьте выпуск с возможностью отката.
Как чинить ошибки, когда ИИ сломал проект
Научитесь воспроизводить сбой, читать ошибки, проверять гипотезы и просить ИИ о небольшом исправлении, которое можно доказать проверкой.
Безопасность и закон: секреты, API-ключи, персональные данные (152-ФЗ), самозанятость и договор
Составьте карту данных проекта, защитите ключи и доступы, подготовьте договорённости с заказчиком и список юридических вопросов перед запуском.
Как привлекать клиентов: ниша, оффер, портфолио, каналы поиска, первое сообщение
Выберите понятную нишу, соберите честное портфолио, подготовьте предложение и выстройте этичный процесс поиска от первого контакта до предметного разговора.
Цена, переговоры и работа с клиентом: от заявки до сдачи проекта
Превратите запрос заказчика в понятный состав работ: оцените труд, обсудите цену, согласуйте изменения и передайте проверенный проект без бесконечных правок.
Итоговый проект и дальнейший рост: портфолио, личный бренд и развитие навыков
Соберите завершённый проект мастерской, проверьте основные сценарии, оформите доказательный кейс и составьте личный план развития на основе обнаруженных пробелов.