Модуль 4: Вайб-кодинг
- Час на виконання: 1-2 години
Ви навчились ПРАЦЮВАТИ з файлами. Тепер навчіться їх СТВОРЮВАТИ.
У цьому модулі ви побудуєте реальний веб-застосунок з нуля та розгорнете його в інтернеті — досвід кодування не потрібен. Ви описуєте що хочете, Claude будує це, ви уточнюєте поки все не буде правильно.
Що ви побудуєте
Застосунок для тестування особистості з:
- Кількома питаннями з власною логікою
- Результатами типу особистості на основі відповідей
- Реальною URL-адресою яку будь-хто може відвідати
Цей самий процес працює для лендингових сторінок, інструментів, дашбордів, прототипів — будь-чого веб-орієнтованого.
Що ви дізнаєтесь
| Урок | Що охоплює |
|---|---|
| 4.1: Налаштування | Мислення вайб-кодингу та налаштування папки проекту |
| 4.2: Планування | Процес інтерв'ю для визначення чітких вимог |
| 4.3: Розробка та ітерації | Розгортання, розробка та уточнення зі скріншотами |
| 4.4: GitHub | Контроль версій та резервне копіювання |
| 4.5: Запуск | Розгортання на Vercel з реальною URL-адресою |
Перед початком
Модуль 4 будується на Модулях 1-3. Вам не потрібно було їх завершувати, але вони дадуть вам краще розуміння як працює Claude Code.
Потрібен Claude Code? Якщо ви ще не встановили Claude Code, спочатку завершіть 0.1: Встановлення.
Завантажте матеріали курсу
Як відкрити термінал:
- Mac: Натисніть
Cmd + Space, введіть "Terminal", натисніть Enter - Windows: Натисніть клавішу Windows, введіть "PowerShell", натисніть Enter
Варіант 1: Однорядкова команда (Рекомендовано)
Mac/Linux: Відкрийте термінал та запустіть:
cd ~/Documents && \
curl -L https://github.com/carlvellotti/claude-code-pm-course/releases/latest/download/complete-course.zip -o claude-code-course.zip && \
unzip -o claude-code-course.zip && \
cd claude-code-course && \
claude
Windows: Завантажте zip за кнопкою нижче, розпакуйте до Documents, потім слідуйте Варіанту 2 або 3.
Варіант 2: Дозвольте Claude зробити це
- Відкрийте термінал та введіть
claude - Скажіть Claude: "Download the course materials from https://github.com/carlvellotti/claude-code-pm-course/releases/latest/download/complete-course.zip and extract it to a folder called claude-code-course in my Documents folder"
Варіант 3: Кнопка завантаження
Завантажити матеріали курсу
- Натисніть кнопку вище щоб завантажити
complete-course.zip - Розпакуйте zip до вашої папки Documents
- Відкрийте Claude Code з папки
claude-code-course
Почати
4.1: Налаштування → — Дізнайтесь про мислення вайб-кодингу та налаштуйте ваш проект