Урок 2

После этого урока вы:

• Познакомитесь с AI-агентами Giga Code и OpenCode.
• Установите и настроите обоих агентов (Giga Code — через магазин расширений, OpenCode — через официальный сайт).
• Научитесь сравнивать ответы разных нейросетей (DeepSeek, Qwen, Perplexity).
• Создадите свой первый интерактивный трекер задач (To‑Do List) с помощью AI.
• Поймёте, как использовать AI для написания логики приложения.

AI-агенты — это программы, которые интегрируются в VS Code и помогают вам писать код. Они могут:

• Автодополнять код, когда вы печатаете.
• Генерировать целые блоки кода по вашему описанию.
• Анализировать ваш проект и давать рекомендации.
• Исправлять ошибки и предлагать улучшения.

Проще говоря, это как «умный помощник», который сидит рядом и подсказывает, как писать код.

Трекер задач (To‑Do List) — простое веб-приложение, где можно:

• Добавлять задачи с описанием.
• Отмечать их как выполненные.
• Удалять ненужные.

Это идеальный проект для изучения JavaScript (язык программирования, который делает сайты интерактивными) и работы с DOM (структура HTML-страницы, с которой код взаимодействует). Мы не будем писать код вручную — мы попросим AI сделать это за нас, а затем разберём полученный код.

Giga Code — расширение для VS Code, которое анализирует проект и помогает понимать архитектуру.

1. Зарегистрируйтесь через Gitverse и скачайте GigaCode.vsix.
2. В VS Code откройте Extensions (Ctrl+Shift+X).
3. Нажмите три точки - Install from VSIX - выберите файл и установите.
4. После установки расширение появится на боковой панели.

OpenCode — агент с открытым кодом. Работает с бесплатными моделями (через API провайдеров), даёт полный контроль над кодом.

1. Перейдите на opencode.ai/download и скачайте установщик для вашей ОС.
2. Запустите установщик и следуйте инструкциям.

Убедитесь, что оба агента установлены и работают:

1. Откройте VS Code с папкой вашего проекта.
2. Giga Code: Нажмите на иконку в боковой панели → напишите: «Привет! Ты работаешь?»
3. OpenCode: Откройте приложение → выберите модель → напишите: «Привет! Ты работаешь?»
4. Проверьте, что оба агента ответили.

Попросим Giga Code создать файл README.md с планом разработки трекера задач.

В окне диалога вставьте промпт:

Giga Code создаст файл в папке проекта и заполнит его планом.

Откройте созданный файл и посмотрите, что получилось. Если план вам нравится — отлично! Если нет — попросите Giga Code дополнить или изменить его.

Откройте DeepSeek, Qwen (опционально) и Perplexity и задайте одинаковый промпт:

Или вставьте файл с планом, созданным в предыдущем шаге.

Сравните полученные ответы по:

• Читаемости — насколько понятен код.
• Работоспособности — работает ли сразу.
• Качеству — какой код вы бы использовали.

Выберите лучший вариант для дальнейшей работы.

Используйте Giga Code в VS Code или OpenCode, чтобы улучшить код.

Агент проанализирует ваш проект и внесёт изменения прямо в файлы.

Вы уже знаете, как это делать из первого урока.

1. Создайте новый репозиторий (например, todo-tracker).
2. Загрузите файлы через VS Code (Git init, add, commit, publish).
3. Включите GitHub Pages в настройках репозитория (Settings → Pages → Branch: main, /root).
4. Проверьте, что ваш трекер доступен по ссылке.

Отправьте ссылку на ваш трекер в чат группы.

1. Добавьте в трекер новые функции: редактирование (двойной клик), фильтр (все/активные/выполненные). Используйте Giga Code, OpenCode или DeepSeek.
2. Закоммитьте и запушьте изменения.
3. Пришлите ссылку на ваш трекер в чат группы.

Что мы узнали?

• Как устанавливать и использовать AI-агентов Giga Code и OpenCode.
• Как сравнивать нейросети и выбирать лучший код.
• Как создать интерактивный трекер задач с помощью AI.
• Как дорабатывать код, используя Giga Code и OpenCode.

Главный итог: Теперь вы умеете не только генерировать код, но и эффективно использовать разные AI-инструменты для создания полноценных приложений.

Дополнительные материалы: prompts.md, checklists.md