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

Блок 1: AI – Генерація контенту (5 занять)

Мета: Навчитися використовувати штучний інтелект для створення унікальних медіа-активів.

1. AI для тексту: Від ідеї до сторітеллінгу. Робота з текстом. Написання сценаріїв, віршів та створення власної "міні-книги".
2. AI Graphics: Магія візуалізації. Генерація зображень у різних редакторах. Стилізація, редагування частин зображення (inpainting, outpainting), створення логотипу та іконок для сайту.
3. AI Music & Sound. Створення авторських треків та пісень. Робота з озвучкою тексту.
4. AI Video & Animation. Генерація відео за описом, на основі зображення, за допомогою ключових кадрів, базовий монтаж. Створення динамічних фонів для вебсайту.
5. Digital Humans: Говорящі аватари. Створення реалістичного аватара та додавання його у відео. Підготовка всіх зібраних матеріалів до етапу дизайну.

Блок 2: Figma Design – Проєктування інтерфейсу (7 занять)

Мета: Перетворити ідеї та AI-контент у професійний макет сайту.

1. Вступ до Figma. Знайомство з інтерфейсом, робота з фігурами, шарами та фреймами.
2. UX-проєктування (Wireframing). Створення структури сайту-портфоліо.
3. Робота з кольором та типографікою. Вибір шрифтів та створення палітри.
4. Auto Layout та Компоненти. Основи професійного дизайну.
5. Дизайн Desktop версії. Створення фінального візуалу з використанням AI-зображень.
6. Адаптивний дизайн (Mobile). Як перетворити великий сайт на зручну мобільну версію.
7. Інтерактивний прототип. Налаштування зв'язків між елементами, щоб сайт "ожив" ще до написання коду.

Блок 3: Web Development – Оживлення сайту в коді (7 занять)

Мета: Написати чистий код та вивести сайт у мережу.

1. Основи HTML. Структура сайту, теги заголовків, списків та посилань. Створення "скелета" сайту.
2. Стилізація за допомогою CSS. Селектори, робота з кольорами, шрифтами та відступами..
3. Flexbox: Розмітка елементів. Як розмістити блоки AI-контенту та меню так само, як у макеті Figma.
4. Мультимедіа в коді. Вставка AI-відео та робота з фоновими зображеннями.
5. Адаптивність (Media Queries). Налаштування коду так, щоб сайт коректно відображався на смартфонах.
6. AI-помічники для кодингу. Використання AI для виправлення помилок та додавання простих ефектів.
7. Публікація проєкту. Завантаження проєкту в Інтернетl. Отримання власного посилання в інтернеті та фінальне тестування.

Фінал: Grand Finale (1 заняття)

1. Захист та Конкурс. * Презентація сайту-портфоліо та конкурс робіт.

• Демонстрація того, як AI допоміг у створенні контенту.
• Голосування за найкращий дизайн та найкращу технічну реалізацію.
• Вручення сертифікатів.