# 📝 Готовые промпты для каждого урока

В этом файле собраны проверенные промпты (запросы к нейросетям) для всех занятий курса. Вы можете копировать их и вставлять в DeepSeek, Qwen или ChatGPT.

---

## Урок 1 — Первая страница

**Промпт 1.1 (базовый):**
> Напиши HTML-код страницы с моим именем (например, "Анна"), моим фото (используй плейсхолдер: https://via.placeholder.com/150), и списком моих увлечений (например: чтение, путешествия, фотография). Используй современные стили: фон светло-серый, заголовок синий, шрифт без засечек, картинка по центру, список аккуратный. Всё на русском языке.

**Промпт 1.2 (для школы):**
> Создай HTML-страницу для школы иностранных языков. На странице должно быть: название школы, краткое описание (2-3 предложения), список преимуществ (например: опытные преподаватели, индивидуальный подход, современные методики), контактная информация (телефон, email). Используй приятную цветовую гамму (белый, синий, акценты оранжевые). Адаптивно, красиво.

---

## Урок 2 — Инструменты AI: Giga Code, OpenCode и трекер задач

**Промпт 2.1 (трекер задач базовый):**
> Создай интерактивный трекер задач на HTML, CSS и JavaScript. Возможности: добавлять задачи, отмечать их как выполненные, удалять. Используй localStorage для сохранения задач. Дизайн: современный, с округлыми углами, тенями, тёмная тема. Весь код в одном файле.

**Промпт 2.2 (добавить функции):**
> Добавь в мой трекер задач функции: редактирование задачи (двойной клик по тексту), фильтр (все/активные/выполненные), счётчик задач. Обнови дизайн, добавь анимации.

---

## Урок 3 — Лендинг

**Промпт 3.1 (структура лендинга):**
> Создай HTML-структуру лендинга для школы (например, английского языка). Блоки: хедер с логотипом и меню; первый экран с заголовком и кнопкой; блок о нас с тремя преимуществами; блок программ с тремя карточками; блок отзывов с тремя цитатами; футер с контактами. Сделай адаптивным (Mobile First), используй семантическую разметку. Весь текст на русском.

**Промпт 3.2 (подбор цветов):**
> Предложи цветовую палитру для образовательного сайта. Хочу спокойные, но яркие цвета, вызывающие доверие и вдохновение. Дай коды HEX для основного, вторичного, акцентного цветов, а также для текста и фона.

**Промпт 3.3 (генерация текстов):**
> Напиши текст для блока "О нас" для школы английского языка. Укажи: год основания, количество выпускников, методику (коммуникативный подход), сертификаты. Тон — дружелюбный, профессиональный. 100-150 слов.

---

## Урок 4 — Firebase

**Промпт 4.1 (отправка данных в Firebase):**
> У меня есть HTML-форма с полями: name (текст), phone (текст), email (текст). Напиши JavaScript-код, который при отправке формы отправляет данные в Firebase Firestore в коллекцию requests. Используй Firebase SDK. Конфигурация: [вставьте ваш объект firebaseConfig]. При успехе выводи сообщение "Спасибо! Заявка отправлена.", при ошибке — "Ошибка, попробуйте позже". Код должен работать в браузере.

**Промпт 4.2 (проверка дублей):**
> Дополни код отправки в Firebase: перед отправкой проверь, есть ли уже запись с таким email в коллекции requests. Если есть, покажи сообщение "Вы уже оставляли заявку". Используй метод getDocs с фильтром where по email.

**Промпт 4.3 (уведомления в Telegram):**
> Напиши функцию на JavaScript, которая после успешной отправки данных в Firebase отправляет сообщение в Telegram бот. Токен бота: токен, chat_id: id. Сообщение должно содержать имя, телефон, email. Используй fetch.

---

## Урок 5 — Git и бэкап

**Промпт 5.1 (автоматический бэкап через GitHub Actions):**
> Создай GitHub Actions workflow, который каждый день в 3:00 делает коммит и пушит изменения в репозиторий. Используй действия actions/checkout, затем скрипт git add, git commit -m "Автоматический бэкап", git push. Если изменений нет, коммит не создавать.

**Промпт 5.2 (бэкап базы данных Firebase):**
> Напиши скрипт на Node.js, который через Firebase Admin SDK экспортирует коллекцию requests в JSON-файл и сохраняет в папку backups. Для запуска в GitHub Actions.

---

## Урок 6 — GitHub Actions

**Промпт 6.1 (автоматический деплой):**
> Создай GitHub Actions workflow для автоматического деплоя статического сайта на GitHub Pages при пуше в ветку main. Используй actions/checkout, затем actions/upload-pages-artifact и actions/deploy-pages. Или используй peaceiris/actions-gh-pages.

**Промпт 6.2 (проверка битых ссылок):**
> Добавь в workflow шаг, который проверяет все ссылки на сайте на битые. Используй инструмент linkinator (можно установить через npm). При обнаружении битой ссылки, workflow должен завершиться с ошибкой.

**Промпт 6.3 (уведомление в Telegram):**
> Добавь в workflow отправку сообщения в Telegram об успешном деплое. Используй appleboy/telegram-action. Токен и chat_id хранить в секретах GitHub.

---

## Урок 7 — Тестирование

**Промпт 7.1 (аудит и улучшение):**
> У меня есть сайт со следующим кодом: [вставьте код]. Проведи аудит по критериям Lighthouse (Performance, Accessibility, SEO). Напиши конкретные рекомендации по улучшению каждого пункта. Приведи исправленный код.

**Промпт 7.2 (исправление ошибок):**
> В консоли браузера появляется ошибка: "Uncaught TypeError: Cannot read property 'addEventListener' of null". Мой код: [вставьте код]. Как исправить?

---

## Урок 8 — SEO

**Промпт 8.1 (мета-теги):**
> Сгенерируй мета-теги (title, description) для лендинга школы английского языка. Title: до 60 символов, description: до 160 символов, включая ключевые слова. Также создай Open Graph мета-теги (og:title, og:description, og:image, og:url) для социальных сетей. Предложи изображение для og:image.

**Промпт 8.2 (sitemap.xml):**
> Напиши sitemap.xml для моего сайта (страницы: index.html, about.html, programs.html, contacts.html, blog.html). Включи приоритеты и частоту обновления.

**Промпт 8.3 (SEO-статья):**
> Напиши статью для блога на тему "5 причин начать изучать английский в школе [название школы]". Объём 500-700 слов. Включи ключевые слова: "изучение английского", "школа английского", "преподаватели", "индивидуальный подход". Сделай вступление, 5 пунктов с пояснениями, заключение с призывом записаться на пробный урок.

---

## Урок 9 — Безопасность

**Промпт 9.1 (политика конфиденциальности):**
> Напиши политику конфиденциальности для сайта образовательного центра. Сайт собирает имя, телефон, email через форму заявки. Укажи: цель сбора, использование данных, передача третьим лицам (не передаём), хранение, права пользователей (доступ, изменение, удаление), срок хранения. Упомяни 152-ФЗ (для России). Текст на русском, понятный.

**Промпт 9.2 (reCAPTCHA):**
> Добавь на мою HTML-форму reCAPTCHA v3. Предоставь код для вставки (ключи сайта и секретный) и проверку на серверной стороне. Объясни, как получить ключи.

---

## 📌 ДОПОЛНИТЕЛЬНЫЕ ПРОМПТЫ ДЛЯ РАЗНЫХ СФЕР

### Для преподавателя

**Промпт для лендинга школы:**
> Создай лендинг для школы иностранных языков. Акцент на опыт преподавателей, современные методики, результаты учеников. Добавь блок с расписанием, ценами, формой записи на пробный урок. Дизайн — доверительный, спокойный, с синим и зелёным акцентами.

**Промпт для онлайн-курса:**
> Создай страницу для онлайн-курса по английскому языку. Структура: хедер с логотипом, первый экран с видео-приветствием, программа курса (по модулям), блок с ценами и тарифами, форма регистрации, отзывы учеников, футер. Стиль — современный, светлый, с акцентами в цветах бренда.

**Промпт для расписания занятий:**
> Создай интерактивное расписание занятий на неделю. Возможность добавлять, редактировать и удалять занятия. Используй localStorage для сохранения. Дизайн — чистый, табличный, адаптивный.

---

### Для предпринимателя

**Промпт для бизнес-лендинга:**
> Создай лендинг для бизнес-услуг (например, бухгалтерия, юридические услуги, консалтинг). Акцент на преимущества, кейсы, доверие. Блоки: первый экран с оффером, о компании, услуги, кейсы, отзывы, форма заявки, контакты. Цветовая гамма — деловая (синий, серый, белый).

**Промпт для каталога товаров:**
> Создай страницу каталога товаров с фильтрацией по категориям и цене. Добавь корзину и возможность оформления заказа. Все данные хранить в localStorage. Дизайн — современный интернет-магазин с карточками товаров.

**Промпт для приёма заявок:**
> Создай страницу с формой заявки на услугу. Поля: имя, телефон, email, услуга (выпадающий список), комментарий. После отправки показывай сообщение об успехе и сохраняй данные в Firebase. Добавь уведомление в Telegram.

---

### Для веб-дизайнера

**Промпт для портфолио:**
> Создай сайт-портфолио для веб-дизайнера. Блоки: первый экран с именем и специализацией, галерея проектов (с картинками), услуги, отзывы, контакты. Дизайн — минималистичный, с акцентом на визуал, адаптивный.

**Промпт для презентации проекта:**
> Создай страницу для презентации дизайн-проекта. Структура: описание проекта, исследование, мудборд, стилистика, прототипы, финальный дизайн, ссылки на макеты. Используй анимации и плавные переходы между секциями.

**Промпт для клиентского лендинга:**
> Создай лендинг для клиента (например, студия дизайна). Акцент на портфолио, процесс работы, цены. Добавь форму заявки и калькулятор стоимости. Дизайн — креативный, с нестандартной типографикой и элементами.

---

### Для фрилансера

**Промпт для сайта-визитки:**
> Создай сайт-визитку для фрилансера (копирайтер, переводчик, дизайнер). Блоки: первый экран с фотографией и кратким описанием, услуги, портфолио, отзывы, форма связи, контакты. Дизайн — лаконичный, дружелюбный, с акцентами.

**Промпт для блога фрилансера:**
> Создай страницу блога для фрилансера. Главная с анонсами статей, страница статьи с комментариями, фильтр по категориям. Используй AI для генерации 3-5 статей на тему фриланса (например, "Как найти первого клиента").

**Промпт для портфолио-галереи:**
> Создай страницу-галерею для портфолио с лёгкой (lightbox) и возможностью сортировки работ по категориям. Добавь описание к каждому проекту. Дизайн — минималистичный, с акцентом на крупные изображения.

---

### Общие универсальные промпты

**Промпт для генерации README.md:**
> Создай файл README.md для моего проекта [название проекта]. Включи: описание проекта, технологии, инструкцию по установке и запуску, ссылку на демо (GitHub Pages), структуру проекта, лицензию. Пиши на русском, понятным языком.

**Промпт для создания чек-листа:**
> Создай чек-лист для запуска сайта. Включи: проверку адаптивности, SEO-настроек, скорости загрузки, доступности, формы связи, безопасности (SSL, политика). Каждый пункт с кратким пояснением, что проверять.

**Промпт для генерации идей (универсальный):**
> Я создаю сайт для [сфера деятельности]. Предложи 5 идей для улучшения конверсии, 5 идей для уникального контента и 5 идей для дополнительных функций. Объясни, как реализовать каждую идею с помощью AI.

---

*Эти промпты являются отправной точкой. Вы можете их изменять, уточнять, добавлять детали. Чем конкретнее запрос, тем лучше результат. Экспериментируйте и находите свои идеальные формулировки!*