4.1: Налаштування

Час на виконання: 10 хвилин

Інтерактивний урок: Запустіть /start-4-1 в Claude Code

В цьому уроці: Налаштуйте папку проекту та дізнайтесь про цикл розробки.

Завантажте файли курсу

Якщо ви ще не завантажили файли курсу, поверніться до Огляду модуля для інструкцій по завантаженню. Навіть якщо ви завантажували матеріали курсу для попередніх модулів, вам потрібно завантажити знову — цей модуль включає нові файли.

Що таке вайб-кодинг?

Вайб-кодинг — це побудова програмного забезпечення шляхом опису того, що ви хочете, замість написання коду.

Термін популяризував Andrej Karpathy — ідея "повного підкорення вайбам". Ви описуєте результат, AI обробляє реалізацію.

Навичка — не кодування. Це:

Чіткість у тому, що ви хочете
Надання гарного зворотного зв'язку
Знання коли щось правильно

Ви оркеструєте, а не реалізуєте.

Динаміка ПМ/Розробник

Ось як нетехнічні засновники насправді працюють з розробниками:

Ваша робота: Знати що ви хочете, давати чіткий зворотний зв'язок
Їхня робота: Розібратись як це побудувати

У цьому модулі ви — ПМ. Claude — розробник.

Ви описуєте. Claude будує. Ви переглядаєте. Claude уточнює.

Це реальна професійна навичка яка переноситься всюди — робота з дизайнерами, розробниками, агентствами, або будь-яким AI-інструментом.

Цикл розробки

Кожен проект слідує одному циклу:

Планування → Чітке розуміння що ви будуєте
Розробка → Дозвольте AI створити це
Ітерації → Уточнюйте поки не буде правильно
Збереження → Резервне копіювання на GitHub
Запуск → Розміщення в інтернеті (деплой)

Цей цикл працює для всього — лендингових сторінок, інструментів, застосунків, прототипів.

Що таке фреймворк?

Фреймворк — це готова основа щоб не починати з нуля.

Думайте про це як каркас будинку перед тим як додати стіни та фарбу. Він обробляє загальні патерни щоб ви могли зосередитись на вашому конкретному застосунку.

Next.js — фреймворк який ми використовуємо — він популярний для побудови веб-сайтів та бездоганно працює з Vercel (де ми будемо деплоїти).

Вам не потрібно його розуміти. Просто знайте що він існує.

Що таке JavaScript?

JavaScript — найпопулярніша мова програмування для веб-сайтів. Вона запускається в браузерах та робить веб-сайти інтерактивними.

Вам не потрібно його вчити — Claude пише його за вас.

Що далі

4.2: Планування → — Claude проводить інтерв'ю щоб точно визначити що ви будуєте