Для нових учнів
Запрошуємо на унікальний курс, який поєднує три сучасні технології: Штучний інтелект, професійний редактор Figma і веб-розробка для школярів
Навчись створювати власні сайти разом із ШІ!
Запрошуємо школярів у захопливий світ сучасних IT-професій, де дизайн, код і штучний інтелект працюють разом.
Курс AI & Figma & Web — це практичний шлях у веб-дизайн та веб-розробку для дітей. За 20 занять учні навчаться створювати стильні дизайни сайтів у Figma, розробляти справжні веб-сайти на HTML та CSS і публікувати їх в Інтернет.
І найцікавіше — у роботі нам активно допомагатиме Штучний Інтелект, як справжній асистент сучасного айтішника!
Знання, отримані на курсі, — це must-have навички для майбутнього IT-фахівця.
Що ми створимо на курсі
- розробимо логотип і стиль власного бренду
- створимо дизайн сайту у Figma
- розробимо повноцінний сайт за власним дизайном
- опублікуємо сайт в Інтернеті
Кому підходить курс
Курс AI & Figma & Web ідеально підходить для школярів 5–9 класів
Попередні знання не потрібні — навчаємо з нуля
Як проходить нівчання
20 практичних онлайн занять по 60 хвилин / 90 хвилин
Фінал курсу — заліковий проект: власний сайт-портфоліо
Чому навчимося
- створювати логотипи та айдентику бренду
- розробляти дизайн сайтів у Figma
- верстати реальні веб-сайти на HTML & CSS
- публікувати сайти в Інтернет
- ефективно використовувати Штучний Інтелект у роботі
Початок курсу
18 січня 2026 року о 14:00
Записатися на проходження курсу
Сертифікат
Організатор
Програма курса
Блок 1: AI – Генерація контенту (5 занять)
Мета: Навчитися використовувати штучний інтелект для створення унікальних медіа-активів.
- AI для тексту: Від ідеї до сторітеллінгу. Робота з текстом. Написання сценаріїв, віршів та створення власної "міні-книги".
- AI Graphics: Магія візуалізації. Генерація зображень у різних редакторах. Стилізація, редагування частин зображення (inpainting, outpainting), створення логотипу та іконок для сайту.
- AI Music & Sound. Створення авторських треків та пісень. Робота з озвучкою тексту.
- AI Video & Animation. Генерація відео за описом, на основі зображення, за допомогою ключових кадрів, базовий монтаж. Створення динамічних фонів для вебсайту.
- Digital Humans: Говорящі аватари. Створення реалістичного аватара та додавання його у відео. Підготовка всіх зібраних матеріалів до етапу дизайну.
Блок 2: Figma Design – Проєктування інтерфейсу (7 занять)
Мета: Перетворити ідеї та AI-контент у професійний макет сайту.
- Вступ до Figma. Знайомство з інтерфейсом, робота з фігурами, шарами та фреймами.
- UX-проєктування (Wireframing). Створення структури сайту-портфоліо.
- Робота з кольором та типографікою. Вибір шрифтів та створення палітри.
- Auto Layout та Компоненти. Основи професійного дизайну.
- Дизайн Desktop версії. Створення фінального візуалу з використанням AI-зображень.
- Адаптивний дизайн (Mobile). Як перетворити великий сайт на зручну мобільну версію.
- Інтерактивний прототип. Налаштування зв'язків між елементами, щоб сайт "ожив" ще до написання коду.
Блок 3: Web Development – Оживлення сайту в коді (7 занять)
Мета: Написати чистий код та вивести сайт у мережу.
- Основи HTML. Структура сайту, теги заголовків, списків та посилань. Створення "скелета" сайту.
- Стилізація за допомогою CSS. Селектори, робота з кольорами, шрифтами та відступами..
- Flexbox: Розмітка елементів. Як розмістити блоки AI-контенту та меню так само, як у макеті Figma.
- Мультимедіа в коді. Вставка AI-відео та робота з фоновими зображеннями.
- Адаптивність (Media Queries). Налаштування коду так, щоб сайт коректно відображався на смартфонах.
- AI-помічники для кодингу. Використання AI для виправлення помилок та додавання простих ефектів.
- Публікація проєкту. Завантаження проєкту в Інтернетl. Отримання власного посилання в інтернеті та фінальне тестування.
Фінал: Grand Finale (1 заняття)
- Захист та Конкурс. * Презентація сайту-портфоліо та конкурс робіт.
- Демонстрація того, як AI допоміг у створенні контенту.
- Голосування за найкращий дизайн та найкращу технічну реалізацію.
- Вручення сертифікатів.