AI + код и автоматизация
Опиши задачу словами — AI напишет код. Не нужно быть программистом.
1. Что такое Vibe Coding
Раньше, чтобы создать программу, нужно было учить язык программирования годами. Сейчас всё изменилось.
Vibe Coding — вы описываете, что хотите, а AI пишет код за вас. Вы — командир, AI — исполнитель. Чем точнее приказ, тем лучше результат.
Старый способ
- Учить синтаксис месяцами
- Писать каждую строку вручную
- Часами искать ошибки
- Помнить сотни команд
Vibe Coding
- Опишите задачу словами
- AI сгенерирует код
- Просмотрите и проверьте
- Улучшите через промпт
2. Демо: создаём веб-страницу
Вот пример промпта для создания веб-страницы:
Создай веб-страницу — визитку для военного подразделения «Кибер-Щит». Страница должна содержать: название подразделения, девиз, список из 4 направлений работы, контактную информацию. Используй тёмную тему, минималистичный дизайн. HTML + CSS, один файл.
AI сгенерирует примерно такой код:
<!-- AI сгенерировал этот код за 10 секунд --> <html> <head> <title>Кибер-Щит</title> <style> body { background: #0f172a; color: #e2e8f0; } h1 { font-size: 3rem; text-align: center; } .motto { color: #60a5fa; font-style: italic; } .directions { display: grid; gap: 16px; } /* ... ещё 40 строк CSS ... */ </style> </head> <body> <h1>Кибер-Щит</h1> <p class="motto">Защита в цифровом мире</p> <!-- ... 4 карточки направлений ... --> </body> </html>
3. Parsons Problem: Калькулятор
Код уже написан, но строки перемешаны. Расставьте их в правильном порядке, кликая по блокам.
Соберите калькулятор сложения
Нажимайте на блоки в правильном порядке:
Ваш порядок:
4. Parsons Problem: Переименование файлов
Более сложная задача — скрипт для переименования файлов по шаблону. Расставьте строки в правильном порядке.
Соберите скрипт переименования
Нажимайте на блоки в правильном порядке:
Ваш порядок:
5. Квиз: что делает этот код?
Посмотрите на код и выберите, что он делает. Не нужно понимать каждую строку — ищите ключевые слова.
Фрагмент 1
Фрагмент 2
Фрагмент 3
6. Автоматизируй задачу
Представьте, что вам нужно перевести 20 значений температуры из Цельсия в Фаренгейт. Скучная ручная работа!
Какой промпт лучше всего решит задачу?
Задача: автоматически перевести 20 температур из Цельсия в Фаренгейт и красиво вывести результат.