Унікальний курс для 5-8 класів, AI & Figma & Web

МОДУЛЬ 1. Штучний інтелект та AI-креатив (1–9 заняття)

Заняття 1. Вступ у ШІ

• Що таке штучний інтелект простими словами
• Де ШІ використовується в житті дітей
• Правила безпечної та відповідальної роботи

Заняття 2. Основи prompt-мислення

• Що таке prompt і як він працює
• Структура правильного промпту
• Практика: перші запити до ШІ

Заняття 3. Просунуті промпти

• Уточнення, приклади, стилі
• Ланцюжки промптів
• Практика: генерація ідей для сайту

Заняття 4. AI для створення зображень

• Як ШІ створює картинки
• Стиль, атмосфера, деталі
• Практика: зображення для сайту

Заняття 5. Створення персонажа та аватара

• Образ, характер, емоції
• Створення персонального AI-аватара
• Адаптація аватара під сайт

Заняття 6. AI-брендінг

• Логотип і візуальний стиль з ШІ
• Підбір кольорів та шрифтів
• AI як дизайнер-помічник

Заняття 7. GIF-анімації з ШІ

• Що таке GIF і де він використовується
• Створення анімованих елементів
• Практика: GIF для сайту

Заняття 8. AI-відео

• Як ШІ створює відео
• Сценарій + візуал
• Практика: коротке відео

Заняття 9. Відео-візитка

• Структура відео-візитки
• Озвучення, музика, стиль
• Фінальна AI-відео-візитка дитини

🎨 МОДУЛЬ 2. Веб-дизайн у Figma (10–14 заняття)
Заняття 10. Знайомство з Figma

• Інтерфейс і інструменти
• Основи композиції
• Початок дизайну сайту

Заняття 11. Кольори, шрифти та UI

• Візуальна ієрархія
• Читабельність і контраст
• Практика: стилі сайту

Заняття 12. Дизайн головної сторінки

• Блоки сайту
• Меню, банери, кнопки
• Інтеграція AI-зображень

Заняття 13. Повний макет сайту

• Інші сторінки сайту
• Єдиний стиль
• Підготовка до верстки

Заняття 14. Дизайн-проєкт

• Завершення макету
• Перевірка логіки та зручності
• Презентація дизайну

💻 МОДУЛЬ 3. Веб-розробка та публікація (15–20 заняття)
Заняття 15. Основи HTML

• Структура сайту
• Перші сторінки

Заняття 16. HTML: контент і навігація

• Тексти, зображення, меню
• Зв’язок сторінок

Заняття 17. Основи CSS

• Стилі, кольори, шрифти
• Оформлення сайту

Заняття 18. Верстка за макетом Figma

• Перенесення дизайну в код
• Робота з блоками

Заняття 19. Адаптація та інтеграція AI

• GIF, відео, аватари
• Покращення вигляду сайту

Заняття 20. Публікація та захист

• Розміщення сайту в Інтернеті
• Презентація фінального проєкту