1.1. Кто такой современный вайбкодер

Варианты ответов 30 мин.

Сначала разберитесь

Теория

Современный вайбкодер создаёт продукт через диалог и действия ИИ. Он описывает задачу обычным языком, а нейросеть анализирует требования, предлагает устройство проекта, создаёт дизайн и файлы, запускает результат, находит ошибки и вносит изменения. Ручное написание кода перестаёт быть обязательной точкой входа: начать можно с идеи и понимания нужного результата.

ИИ может работать как целая команда:

Роль человека — не печатать каждую строку, а управлять решениями. Человек задаёт цель продукта, понимает для кого он создаётся, выбирает приоритеты, принимает внешний вид и определяет, что считать готовым результатом. ИИ принимает множество технических решений, но должен объяснять их понятным языком и сверяться с исходной задачей.

Рабочий цикл вайбкодинга: идея → уточнение результата → план ИИ → первая рабочая версия → проверка сценариев → конкретная обратная связь → следующая версия. Сильный промпт не обязан сразу описывать всё идеально; важно, чтобы каждая итерация заканчивалась наблюдаемым результатом.

Минимальное понимание программирования нужно как карта, а не как профессия. Достаточно различать интерфейс, логику, данные, серверную часть, интеграции и файлы проекта. Тогда вы понимаете отчёт ИИ, можете выбрать из предложенных вариантов и точнее описать, что требуется изменить.

Затем прочитайте

Задание

Что сделать

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

После неправильного ответа используйте объяснение как подсказку и повторите выбор.

Как выполнить

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

Правила выполнения

Завершите обязательные действия и пройдите проверку результата.

Теперь выполните

Практика

Выполните задание и проверьте результат. Черновик сохраняется в этом браузере.

Практика

Варианты ответов

Выберите правильные ответы. Когда все вопросы будут выполнены, откроется переход к следующему уроку.

1. Как точнее всего описать роль современного вайбкодера?

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

2. Есть идея: «Сделать мини-CRM для заявок». Какой первый запрос лучше запускает работу?

Описать пользователя, основной сценарий, обязательные функции и ожидаемый результат, затем попросить ИИ задать недостающие вопросы и предложить план. Написать только «Сделай CRM целиком» и больше не участвовать. Сначала самостоятельно выучить синтаксис нескольких языков и только потом обсуждать продукт.

3. ИИ предложил план из экранов, данных и этапов. Что делает вайбкодер?

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

4. Нейросеть умеет создавать файлы, запускать проект и показывать предпросмотр. Как организовать работу новичку?

Работать в ИИ-среде: ставить задачи, просить показывать результат и объяснять изменённые части понятным языком. Копировать отдельные фрагменты между случайными окнами, не сохраняя целостность проекта. Не смотреть ни на предпросмотр, ни на отчёты, пока ИИ не объявит проект идеальным.

5. На экране CRM кнопка «Добавить заявку» ничего не делает. Какая обратная связь полезнее?

Описать шаги, ожидаемое и фактическое поведение, приложить текст ошибки или снимок экрана и попросить ИИ найти причину и исправить её. Написать «всё плохо, переделай полностью». Попросить сначала изменить цвет кнопки.

6. Что новичку важнее всего понимать в начале курса?

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

7. Когда первую версию продукта можно считать готовой к следующей итерации?

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

8. После рабочей первой версии нужно добавить поиск по заявкам. Какой запрос лучше?

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

Перейти к следующему уроку

Панель результата

Выполните задание. Следующий урок откроется после правильного ответа.

Если нужна помощь

Подсказки

soft
Посмотрите на задание и сравните его с видимым результатом.
exact
Проверьте, есть ли в редакторе нужный HTML-элемент, CSS-правило или JavaScript-действие.
explanation
Прочитайте сообщение неудачной проверки: в нем указан элемент, CSS-свойство или функция, которые требуют внимания.

Подсказки будут появляться по шагам после запроса помощи.