Занятие 1. Введение в разботку с ИИ. Проект №1: создаем лендинг с помощью ИИ
Цель: Использование передовых LLM моделей для генерация HTML + CSS + текстов для сайта
Темы:
Что такое LLM и как они применяются в разработке
Обзор передовых LLM моделей:
OpenAI o3, o4-mini, Claude Sonnet 4, Opus 4, Gemini Pro 2.5, DeepSeek R1
Сильные и слабые стороны передовых LLM
Как правильно задавать промпты моделям разных типов
Особенности создания промптов для разработки сайтов
Обзор программ для работы с кодом, знакомство с Visual Studio Code
Генерация HTML/CSS при помощи ИИ
Знакомство с GitHub и публикация лендинга на GitHub Pages
Домашнее задание: Создайте лендинг на любую тему с помощью LLM и опубликуйте его на GitHub Pages.
Технологии:
ChatGPT, Google AI Studio, Claude, Deep Seek
Visual Studio Code
HTML/CSS
GitHub Pages
Занятие 2. Контроль версий, API, и знакомство с ИИ-агентами для разработки
Цель: Используя ИИ-агента, улучшить ваш сайт-лендинг
Темы:
Структура проектов на GitHub, типы лицензий, и популярные проекты
Основы контроля версий в Git и GitHub
Практика работы с контролем версий в Visual Studio Code
Доступ к LLM через API: стоимость и бесплатные решения
Обзор ИИ-агентов для разработки: Cline, Cursor, Claude Code, Codex
Знакомство с Cline, создание правил разработки и управлению памятью агента
Добавление новых элементов к вашему сайту с Cline
Домашнее задание: Используя ИИ-агента для разработки, сделайте вашу лендинг страницу лучше для SEO и добавьте интерактивных элементов.
Технологии:
Git, GitHub
Markdown
Visual Studio Code
API
Cline
Cursor
Claude Code
Codex
Занятие 3. Проект №2: Веб-сервис с ИИ
Цель: создать веб-приложение, которое будет по API обращаться к LLM для выполнения задачи
Темы:
Обзор технологий для создания веб-приложений
Выбор оптимального набора технологий для разработки с LLM
Обзор сервисов и инструментов для генерации UI
Создание дизайна интерфейса в v0
Выбор API для веб сервиса
Создание веб-сервиса для генерации summary YouTube видео используя все возможности Cline
Бесплатная публикация проекта на Vercel
Домашнее задание: Сделайте веб-сервис, который обрабатывает пользовательский запрос через LLM и выдает результат (например, YouTube summary по ссылке на ролик).
Технологии:
Next.js
AI Studio API
v0
Cline
HTML/CSS
Vercel
Занятие 4. Отладка, безопасность, авторизация
Цель: Добавление системы авторизации в веб-сервис, работа с багами, анализ безопастности
Темы:
Знакомство с MCP (Model Context Protocol)
Обзор ключевых MCP для разработки
Работа с базой данных через MCP
Добавление авторизации через Supabase
Использование LLM для тестирование веб-приложений и устранения багов
Типы тестирования: Unit Testing, Integration Testing, End-to-End (E2E) Testing
Создание E2E тестов с Playwright
Основы безопасности веб-приложений
Анализ безопастности веб-приложения с LLM
Домашнее задание: Улучшите веб-сервис из прошлого занятия: добавьте авторизацию, E2E тесты, и проведите анализ безопастности вашего приложения
Технологии:
MCP (Model Context Protocol)
Supabase
Unit Testing
Integration Testing
End-to-End (E2E) Testing
Playwright
Занятие 5. Проект №3: No-code ИИ-агент - Telegram-бот на n8n
Цель: создание Telegram-бота на основе n8n, который действует как ИИ-агент
Темы:
Что такое no-code/low-code
Обзор и настройка n8n
Интеграция Telegram Bot API
Создание ИИ-агента работающего в Telegram через LLM API
Домашнее задание: Создайте Telegram-бота через n8n, который отвечает на вопросы пользователя при помощи ИИ.
Технологии:
n8n
Telegram Bot API
Webhooks
AI Studio API
Занятие 6. Память ИИ-агентов и RAG
Цель: добавить память Телеграм-боту и возможность обращаться к RAG
Темы:
Интеграция n8n Телеграм-бота с Supabase
Создание памяти ИИ-агента
Знакомство с RAG (Retrieval-Augmented Generation)
Знакомство с возможностями Cloudflare
Создание Cloudflare Auto RAG
Добавление Cloudflare Auto RAG как инструмента для Телеграм-бота
Домашнее задание: Добавьте “память” в вашего Telegram-бота — например, чтобы он запоминал имя или интерес пользователя и использовал его при следующих запросах. Создайте простой Cloudflare Auto RAG и научите вашего ИИ-агента использовать его как инструмент.
Технологии:
n8n
Supabase
RAG (Retrieval-Augmented Generation)
Cloudflare
Cloudflare Auto RAG
Занятие 7. Проект №4: Разработка ИИ-агента через код
Цель: создание ИИ-агента с нуля, используя только разработку с ИИ
Темы:
Обзор популярных фреймворков для ИИ-агентов: smolagents, LLamaIndex, LangGraph
Особенности ИИ-разработки агентов
Простая память и структура диалога
Создание ИИ-агента через код на базе LangGraph
Приемы создания эффективных промптов для ИИ-агнетов
Домашнее задание: Создайте ИИ-агента через код: пример - ИИ-агент, который может спланировать путешествие
Технологии:
Python
LangGraph
AI Studio API
Занятие 8. Анализ и отладка ИИ-агента
Цель: отслеживание и анализ действий ИИ-агента, тестирование и оптимизация промптов
Темы:
Обзор инструментов для отслеживания действий ИИ-агента
Настройка Langfuse для анализа действий ИИ-агента
Приемы тестирования и оптимизации промптов
Принципы и подходы к расширению инструментария ИИ-агентов
Домашнее задание: Улучшите одного из своих агентов: настройте анализ действий ИИ-агента, добавьте дополнительные инструменты и протестируйте разные промпты.
Технологии:
Python
LangGraph
Langfuse
Занятие 9. Проект №5: Автономные ИИ-агенты
Цель: создание автономного агента, который может выполнять задания по расписанию
Темы:
Знакомство Cloudflare Agents
Выбор инструментов для ИИ-агента
Принципы ИИ-разработки с новыми технологиями, о которых LLM может не знать
Создание автономного ИИ-агента на базе Cloudflare Agents
Домашнее задание: Создайте автономного агента с несколькими действиями: пример — анализ новостей → генерация саммари → публикация в Telegram.
Технологии:
Python
AI Studio API
Cloudflare Agents
Telegram API или другие внешние сервисы
Занятие 10. Портфолио и как его презентовать
Цель: оформление проектов, подготовка презентации, генерация описаний
Темы:
Как оформить проекты для портфолио
Где показать свои проекты
GitHub, YouTube, Medium и другие способы демонстрации
Как презентовать свои проекты на фрилансе и собеседовании
Домашнее задание: Выберите 1–2 проекта и оформите их как кейс: GitHub, описание, скриншоты, ссылки, опционально — короткое видео.
Технологии:
GitHub, Markdown
OBS (опционально для видео)
Canva / Notion (для презентации)