🚀 Урок 1. Знакомство с Claude Code

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


✨ Часть 1. Что такое Claude Code

Раньше AI-ассистенты работали так: ты открываешь чат в браузере, задаёшь вопрос, получаешь текст. Это как консультант который сидит по ту сторону экрана и советует. Хочешь чтобы он что-то сделал — переносишь совет руками в свои файлы.

Claude Code — это другое. Это Claude который живёт на твоём компьютере. Не в браузере, а внутри системы. Он сам читает твои файлы, сам создаёт папки, сам пишет код и правит его. Ты говоришь ему обычными словами — он делает.

Простой пример разницы

Обычный Claude в браузере:

Ты: «Как сделать hero-секцию с чёрным фоном и белым текстом?»

Claude: «Вот пример кода, скопируй в HTML-файл...»

Ты: копируешь, вставляешь, сохраняешь, открываешь браузер, проверяешь.

Claude Code:

Ты: «Сделай hero-секцию с чёрным фоном и белым текстом, открой в браузере»

Claude Code: создаёт файлы, пишет код, сам открывает браузер.

Ты: смотришь результат, говоришь «увеличь заголовок» → он сразу правит.

Разница как между советчиком и исполнителем.

Что это значит для дизайнера

Для нас с тобой это одно: можно собирать сайты в живой код без разработчика. Ты рисуешь дизайн в голове или в Figma → Claude Code превращает его в готовый работающий сайт. За часы, не за недели.

Именно на Claude Code я собрала сайты Роботы, Полины-юриста, обновляю Дом Гирлянд. Раньше эти проекты я делала 2-3 недели с командой из 5 человек. Сейчас — 2-3 дня одна.