Пустой участок
Что мы построим за десять уроков, почему сейчас это под силу каждому — и как поставить Claude Code сегодня вечером
Цели урока
К концу этого урока вы:
- Поймёте, что именно мы строим все десять уроков и почему этот проект — правильный первый.
- Уложите в голове главную мысль: вы — заказчик и прораб, Claude Code — строитель. Кто за что отвечает.
- Разберётесь в лёгкой карте «дома»: что в проекте — стены, что — проводка, что — кладовка, что — адрес.
- Поставите Claude Code на свой компьютер (Windows или Mac) и проведёте первый сеанс — он создаст для вас файл по вашим словам.
- Поймёте, что Claude Code делает на самом деле «под капотом» — без страха и без магии.

Ну наконец-то! Заходи, я как раз тебя ждала. Погнали.
Пустой участок
Представьте пустой участок. Ровная земля, утреннее солнце, рядом — свёрнутый чертёж и ящик с инструментами. Через десять уроков на этом месте будет стоять дом. Не метафорический — настоящий: ваша личная страница в интернете, со своим адресом, которую вы откроете на телефоне, дадите ссылку друзьям, и она будет работать, пока вы спите.
Здесь нужно сказать честно одну вещь, потому что иначе вы не поверите всему остальному. Вам не нужно уметь программировать. Ни сейчас, ни к десятому уроку. Ещё пару лет назад это было бы неправдой: чтобы сделать самую простую страницу с формой, человек тратил месяцы на изучение языков, синтаксиса, непонятных ошибок. Стена была настоящей, и большинство об неё разбивалось.
Стена не исчезла — через неё прорубили дверь. Эта дверь называется Claude Code [1] — помощник, которому вы говорите словами, что хотите построить, а он пишет код за вас, прямо у вас на компьютере. В 2025 году у этого даже появилось название: Андрей Карпатий, один из известных людей в мире ИИ, назвал такой способ работать «vibe coding» — ты не пишешь код, ты описываешь, чего хочешь, и проверяешь результат [4]. Узкое место сместилось: раньше трудно было напечатать программу, теперь главное — ясно сказать, что тебе нужно. А это вы уже умеете.
Что вы возьмёте из этого урока
- Поймёте, что именно мы строим все десять уроков и почему этот проект — правильный первый.
- Уложите в голове главную мысль: вы — заказчик и прораб, Claude Code — строитель. Кто за что отвечает.
- Разберётесь в лёгкой карте «дома»: что в проекте — стены, что — проводка, что — кладовка, что — адрес.
- Поставите Claude Code на свой компьютер (Windows или Mac) и проведёте первый сеанс — он создаст для вас файл по вашим словам.
- Поймёте, что Claude Code делает на самом деле «под капотом» — без страха и без магии.
Часть 1. Почему «своё приложение» всегда было за стеной
Спросите любого, кто хоть раз хотел сделать «что-нибудь своё» — сайт-визитку, маленький трекер, бота. Почти у всех одна и та же история: загорелся, открыл какой-нибудь учебник по программированию, дошёл до третьей главы про «циклы и переменные», заскучал, бросил. Проект так и не родился.
Это не из-за лени. Дело в порядке вещей. Классический путь был такой: сначала год учи язык, синтаксис, инструменты — потом, может быть, построишь что-то своё. Между желанием и результатом стоял длинный скучный коридор, в котором сама цель терялась из виду. Представьте, что прежде чем повесить полку, вас заставляют год изучать сопромат и историю деревообработки. Полку повесят единицы.
Дело даже не в том, что код «сложный». Дело в том, что между вами и работающим результатом стояло слишком много шагов, и каждый можно было сделать неправильно. Пропустил запятую — всё рухнуло с непонятной ошибкой на английском. Новичок не знает, что эта ошибка значит, гуглит час, отчаивается.
Часть 2. Вы — прораб, а не каменщик
Вот главная мысль всего курса, и её стоит подержать в голове подольше. Когда строят дом, есть заказчик (он знает, какой дом хочет), есть прораб (он переводит желание в задачи и следит, чтобы вышло как надо) и есть рабочие (они кладут кирпичи). В нашем проекте вы — заказчик и прораб одновременно. Claude Code — рабочая бригада в одном лице.
Что это значит на практике. Вы не кладёте кирпичи — то есть не печатаете код. Вы говорите: «сделай страницу с моим именем, фото и тремя ссылками», «поставь форму, чтобы посетитель мог оставить сообщение», «вот эта кнопка слишком маленькая, увеличь». Claude Code делает. Вы смотрите на результат и говорите, что поправить. Туда-сюда, пока не понравится.
Ключевая мысль урока: качество вашего проекта зависит не от того, как хорошо вы печатаете код (вы его не печатаете), а от того, как ясно вы говорите, что хотите. Хороший прораб не машет молотком — он чётко ставит задачу. Этому «ставить задачу» и посвящён весь Урок 2.
У этого есть и обратная сторона, о которой честно предупредим сразу. Раз вы прораб — отвечаете за результат вы, а не строитель. Claude Code очень способный, но он не читает мысли и иногда делает не то. Это нормально. Прораб для того и нужен, чтобы смотреть на сделанное и говорить «вот тут переделай». Мы вернёмся к этому в Уроке 9 — целый разговор про то, что делать, когда ИИ ошибся.
— А полку повесить тоже пойдёшь сначала на столяра учиться?
«Сначала выучусь, потом построю» — самый честный способ не построить никогда. Мы делаем наоборот: строим сразу, понимаем по дороге.
Часть 3. Карта дома и план на десять уроков
Чтобы не запутаться в новых словах, держите рядом простую карту. Всё, что встретится в курсе, ложится на привычные части дома. Не надо её зубрить — просто возвращайтесь сюда, когда слово покажется чужим.
| В стройке | В проекте | Что это |
|---|---|---|
| Участок и чертёж | Идея + папка проекта | Место и замысел, с чего всё начинается |
| Прораб-строитель | Claude Code | Делает работу руками по вашим словам |
| Каркас и стены | То, что видно на странице | Текст, фото, кнопки — всё, что видит гость |
| Проводка и сантехника | Невидимая часть (сервер) | Работает под капотом, гостю не видна |
| Кладовка | База данных | Помнит данные между визитами (например, сообщения из формы) |
| Адрес | Ссылка (домен) | Где вас найдут в интернете |
| Переезд и заселение | Деплой на хостинг | Момент, когда дом становится живым и открытым для гостей |
А вот и сам маршрут. Десять уроков — от пустого участка до дома с адресом, в который можно водить гостей.
Пустой участок — Урок 1 (сегодня)
Что строим, кто за что отвечает, ставим Claude Code, первый сеанс. Инструмент в руках.
Каркас — учимся говорить и поднимаем стены
Как говорить с Claude Code (Урок 2): как поставить задачу, чтобы вышло как надо. Чем строить (Урок 3): обзор инструментов — Claude Code, Cursor, Conductor, выбираете свой. Каркас и стены (Урок 4): собираем саму страницу-визитку.
Под капотом — немного инженерии и кладовка
Инженерия без страха (Урок 5): что за код написал ИИ, что такое файлы и «сохранёнки» (git). Данные и база (Урок 6): добавляем «живой» блок — форму, которая запоминает сообщения в кладовке-базе.
Переезд — дом получает адрес
Куда деплоить (Урок 7): обзор бесплатных хостингов. Переезд в прод (Урок 8): публикуем проект — и вот у него своя ссылка, он живёт в интернете.
Бригада и новоселье
Бригада помощников (Урок 9): как поручать дела пачкой и что делать, когда ИИ ошибся. Итог (Урок 10): чиним, добавляем фичу сами, чек-лист «готово» и куда расти дальше.
Зачем нам, не-программистам, вообще лезть «под капот» (Уроки 5—6)? Не чтобы стать инженером. А чтобы перестать бояться. Когда понимаешь, что файл — это просто файл, а база — просто кладовка с полками, ты говоришь с прорабом увереннее и быстрее замечаешь, если что-то пошло не туда. Это разница между «хозяином дома» и «гостем, который боится трогать выключатели».
Часть 4. Ставим Claude Code — и первый сеанс
Хватит теории — берём в руки инструмент. Claude Code устанавливается одной строчкой, и работает он одинаково на Windows и на Mac. Сначала — одно честное предупреждение про доступ из России.
Про доступ из РФ. Claude Code сделан компанией Anthropic, и для работы ему нужен оплаченный аккаунт (план Claude Pro или выше) [1], а серверы Anthropic не отвечают на запросы из России напрямую. То есть нужны две вещи: ПО для доступа к зарубежным сервисам и оплаченный аккаунт. Это отдельная история, и она уже подробно разобрана по шагам в нашем курсе «ИИ-сотрудник: Claude для нетехов», Урок 1 — там и про доступ, и про оплату зарубежной картой. Если аккаунта ещё нет — пройдите тот урок и возвращайтесь. Дальше мы считаем, что доступ у вас есть.
Шаг 1. Установка (одна строчка)
Откройте терминал — это окошко, куда печатают команды. На Mac он называется «Терминал» (найдите через поиск Spotlight). На Windows — «PowerShell» (найдите в меню «Пуск»). Не пугайтесь чёрного окна: сегодня вы напечатаете туда ровно одну команду.
На Mac или Linux вставьте эту строку и нажмите Enter [1]:
# macOS / Linux
curl -fsSL https://claude.ai/install.sh | bash
На Windows (в PowerShell) — вот эту [1]:
# Windows PowerShell
irm https://claude.ai/install.ps1 | iex
Установщик сам всё скачает и разложит по местам. Когда закончит — проверьте, что всё встало, командой:
claude doctor
Если команда «не найдена». Иногда после установки нужно закрыть терминал и открыть заново — чтобы он «увидел» новую программу. Это нормально, просто откройте новое окно и повторите claude doctor.
Шаг 2. Знакомство
Теперь запустите помощника — напечатайте одно слово и Enter:
claude
В первый раз он попросит войти в аккаунт — откроется браузер, вы подтверждаете вход [1]. После этого вы окажетесь в диалоге с Claude Code: внизу строка, куда можно писать словами, как в обычном чате. Разница в том, что этот «чат» умеет создавать файлы и папки прямо на вашем компьютере.
Шаг 3. Первый сеанс — прораб создаёт первый предмет
Создадим папку под наш будущий проект и попросим Claude Code положить туда первый файл — это и будет ваш «первый камень». Прямо в диалоге с claude напишите словами, без всякого кода, например так:
# вы пишете обычными словами:
Создай файл privet.txt и напиши в нём одно предложение
о том, какую личную страницу о себе я хочу сделать.
Claude Code покажет, что собирается сделать, и спросит разрешения создать файл — согласитесь. Через секунду в папке появится файл privet.txt. Откройте его — внутри будет текст. Вы только что построили первое, не написав ни строчки кода. Это и есть вся суть курса в миниатюре: вы сказали словами — прораб сделал.
Часть 5. Что такое Claude Code на самом деле
Теперь, когда инструмент в руках, снимем с него ореол магии. Чем меньше магии — тем увереннее вы будете им пользоваться.
Claude Code — это программа, которая живёт в терминале и умеет три вещи: читать файлы у вас на компьютере, писать и менять их, и запускать команды (например, «запусти мой сайт, чтобы посмотреть») [2][3]. За её «умом» стоит большая языковая модель Claude — та же, что отвечает в чате. Разница в том, что обычный чат может только рассказать, как сделать, а Claude Code — взять и сделать у вас на машине.
обычный чат
«Вот код, скопируйте его в файл, потом откройте терминал, выполните вот это...» — и дальше вы сами, вручную, с шансом ошибиться на каждом шаге.
Claude Code
«Сейчас создам файл, впишу код, запущу проверку» — и делает это сам, показывая каждый шаг и спрашивая разрешения на важное.
Важная деталь для спокойствия: Claude Code спрашивает разрешение, прежде чем сделать что-то существенное — создать файл, удалить, запустить команду. Вы всегда видите, что он собирается сделать, и говорите «да» или «нет». Никаких действий за вашей спиной. Вы — прораб, последнее слово за вами.
Резюме
Кода учить не надо
Узкое место сместилось с «уметь печатать код» на «уметь ясно сказать, что хочешь». Второе вы уже умеете — будем оттачивать.
Вы — прораб
Claude Code строит, вы ставите задачу и принимаете результат. За результат отвечает прораб — то есть вы.
Инструмент в руках
Claude Code поставлен (одна строчка, Win или Mac), первый файл создан вашими словами. Без единой строчки кода вручную.
Впереди дом
Десять уроков: участок (1) → каркас (2—4) → под капотом (5—6) → переезд (7—8) → бригада и новоселье (9—10). К финалу — ваша страница по своей ссылке.
Что дальше, в Уроке 2 — «Как говорить с Claude Code»: мы выяснили, что результат зависит от того, как ясно вы ставите задачу. В следующем уроке разберём это по косточкам: из каких частей состоит хорошая инструкция, почему «сделай красиво» не работает, а «сделай страницу с моим именем сверху, фото слева и тремя ссылками под ним» — работает. И начнём строить нашу страницу по-настоящему: к концу Урока 2 у вас на компьютере появится первый каркас.
Источники / Sources
-
docs
Anthropic. «Claude Code — Set up / Advanced setup» — команды установки (
install.sh/install.ps1), проверкаclaude doctor, требование оплаченного плана. - docs Anthropic. «Claude Code — Overview» — что такое Claude Code: агент в терминале, читает и правит файлы, запускает команды.
- docs Anthropic. «Claude Code — AI Coding Agent» — продуктовая страница, общее описание возможностей.
- articles Karpathy, A. (2025). Термин «vibe coding» — описание подхода, при котором человек описывает желаемое словами, а код пишет ИИ.