Создай свой первый проект с ИИ. Начни здесь.
Не нужно уметь программировать. За нулевой уровень ты выберешь AI-кодера, научишься давать ему задачи и сделаешь маленький сайт, который откроешь в браузере и сможешь изменить сам.
Что будет на выходе
Не список освоенных терминов, а понятный и проверяемый результат.
Всё начинается с одной простой идеи: например, страница твоей услуги, визитка, меню или лендинг мероприятия.
Посмотри слева направо: твоя идея → задача для ИИ → готовая страница → твоя проверка. Нажми на изображение, чтобы рассмотреть крупнее.
Что решаешь ты
Зачем нужен сайт, для кого он, какой результат тебе понравится, что исправлять перед публикацией.
Что делает ИИ-кодер
Создаёт и меняет файлы в выбранной папке, выполняет технические шаги в разрешённых границах и помогает проверить работу.
Пять вещей, которые нельзя путать
Этой карты достаточно для первого проекта. Остальные термины появятся по мере необходимости.
Приложение, в котором можно обсудить идею, составить задачу, исследовать и получить объяснение.
ИИ-инструменты для работы с реальными файлами проекта. На старте выбираешь один из них.
Механизм ИИ, который обрабатывает запросы. Внутри инструментов могут быть разные модели и режимы.
Отдельная папка и её файлы. Твоё приложение живёт не «в чате», а в конкретных данных и коде.
История изменений и удалённое хранение версий. Подключим, когда в проекте появятся настоящие изменения.
Один пример вместо пяти определений
Ты говоришь: «Сделай страницу для записи к мастеру». ChatGPT может помочь сформулировать пожелания. Codex, Claude Code или ZCode создаёт файлы проекта с помощью выбранной модели. А историю рабочих версий позже можно хранить через GitHub.
Важно: текст «Готово» от ИИ — ещё не доказательство. Результат должен существовать и открываться.
Что понадобится для старта
Сейчас не нужен ни сервер, ни Docker, ни десятки расширений. Сначала подготовим спокойную рабочую среду.
Какой ИИ-кодер выберешь?
Не нужно устанавливать все три программы одновременно. Выбери одну, пройди её до рабочего мини-проекта, а остальные сможешь освоить позже.
Выбери одну из карточек. Выбор останется в этом браузере, если сохранение разрешено.
Начать интерактивный гайд ZCode →Что будет дальше в выбранном маршруте
1. Подготовить доступ и права.
2. Открыть рабочий инструмент.
3. Выбрать модель и правила.
4. Создать мини-проект.
5. Проверить изменение.
6. Сохранить состояние и продолжить.
Цена, доступные функции и интерфейсы меняются — актуальные условия проверяй на официальных страницах продукта.
Выбери идею для первого сайта
Все следующие уроки пройдёшь на одном примере. Это избавит от разрозненных упражнений.
Запиши задачу в одном предложении. Она понадобится в первом проекте.
Ты готов к следующему шагу?
Три отметки подготовки, один выбранный инструмент и одна задача — достаточно. Не нужно заранее становиться разработчиком.
Твой стартовый результат
Пока ничего не выбрано. Отметь подготовку, выбери инструмент и сформулируй идею.
Следующий урок — подготовка среды
Проверим доступ, безопасность, установку нужного приложения и разрешения. После этого ты перейдёшь в выбранный трек.
Коротко о главных сомнениях
Я никогда не программировал. Мне сюда?
Да. Задача нулевого уровня — управлять ИИ-кодером, объяснять желаемый результат и самостоятельно проверять то, что он сделал. Писать код вручную не требуется.
Нужно сразу ставить VS Code, Git, Docker и покупать сервер?
Нет. VS Code и расширения вроде Cline на старте не нужны — советы ставить их сразу устарели. Сначала создаём локальную страницу и проверяем её. Подключаем дополнительные инструменты только когда появилась конкретная задача.
Можно ли пройти все три маршрута — Codex, Claude Code и ZCode?
Можно, но для первого результата это необязательно. Я советую сначала пройти один маршрут до работающего мини-проекта, а уже потом попробовать остальные инструменты.
Я закончил, если ИИ написал «готово»?
Нет. Увидь файл, открой страницу, проверь её глазами пользователя и убедись, что последняя правка действительно появилась.