Прежде чем устанавливать что-то на компьютер — нужно понять что ты вообще будешь делать и почему это работает. Этот урок займёт 10 минут и сэкономит много путаницы потом.
Раньше, чтобы создать сайт, нужно было учиться программированию годами.
Теперь есть AI-агенты, которые пишут код сами. Твоя задача — правильно объяснить им, что нужно сделать.
Это и называется AI-кодинг: ты вкладываешь смысл задачи, агент переводит его в код.
Claude Code — это AI-агент, который живёт в твоём редакторе кода.
Ты пишешь ему задачу обычным текстом — он:
Ты как менеджер проекта, агент — как программист в команде. Только этот программист не спит, не берёт отпуск и отвечает мгновенно.
Вот реальный пример диалога:
Ты: Создай страницу с формой для сбора заявок. Поля: имя, телефон, описание проблемы. После отправки — показывай сообщение «Спасибо, мы свяжемся с вами».
Claude Code: Создаю форму... Сначала проверю структуру проекта. Могу запустить команду? [Разрешить]
Ты: Да
Claude Code: Создал
src/components/ContactForm.tsx. Добавил валидацию полей. Подключил к главной странице. Проверяй на localhost:3000/contact
Ты ни строчки кода не написал — только сформулировал задачу.
Три причины:
1. Агент объясняет каждое действие Прежде чем что-то запустить, он скажет что будет делать. Ты разрешаешь или запрещаешь.
2. Ошибки — не страшно Если что-то сломается, просто скопируй текст ошибки и отправь агенту. Он разберётся в 80% случаев.
3. Ты учишься по ходу Со временем начинаешь понимать, что делает агент. Не потому что учил — а потому что видел в действии.
| ChatGPT | Claude Code | |
|---|---|---|
| Что делает | Генерирует текст/код | Выполняет задачи в твоём проекте |
| Файлы | Пишет в чат, копируй сам | Создаёт файлы напрямую |
| Терминал | Нет | Запускает команды |
| Помнит проект | Нет | Читает твои файлы и понимает контекст |
| Результат | Текст | Работающий код |
В следующем уроке ты установишь всё необходимое:
Это займёт 30–60 минут и потребует только следовать инструкции — агент поможет разобраться с техническими деталями.
→ Следующий шаг: Урок 1.2 — Настройка рабочего места
