Склад курсу:
- знайомство із HTML – мовою розмітки для створення структури веб-сторінок
- знайомство із CSS – мовою стилізації для надання веб-сайту вигляду та оформлення
- знайомство із JavaScript – мовою програмування для додавання взаємодії та динаміки на сайті
- знайомство із Bootstrap – CSS-фреймворком для створення адаптивних та швидких веб-сторінок
- знайомство із Figma – програмою для дизайну веб-інтерфейсів та їх макетування
Навички, які розвиває курс:
- швидкість мислення
- логічне мислення
- креативність
- асоціативне мислення
- робота в команді
- управління проєктами та планування
Показати програму курсу
Тривалість курсу: 36 тижнів — 36 занять (1 заняття — 2 уроки по 50 хвилин).
І семестр — 16 тижнів
ІІ семестр — 20 тижнів
Між семестрами передбачено перерву (зимові канікули).
Мета курсу:
Познайомити учнів із веб-розробкою, навчити створювати адаптивні та стильні веб-сторінки, використовуючи HTML і CSS, працювати над індивідуальними та груповими проєктами, розвивати логіку, креативність та навички командної роботи.
Після завершення курсу учні зможуть:
- Створювати та структурувати веб-сторінки на HTML
- Застосовувати CSS для стилізації сторінок
- Створювати адаптивний дизайн з використанням Flexbox та Grid
- Працювати з медіа-запитами та анімаціями
- Планувати та реалізовувати власні веб-проєкти
І семестр (16 занять)
- Що таке HTML? Інструменти VS Code, браузери, DevTools. Створення першої HTML-сторінки
- Основні теги HTML. Створення сторінки з текстом, зображенням і посиланням
- Семантичні теги HTML. Створення семантичної структури сторінки
- Створення списку та таблиці (наприклад, розкладу уроків)
- Форми та введення даних. Створення форми для реєстрації
- Вступ до проєкту “Резюме”. Обговорення структури та створення каркасу HTML
- Додавання таблиць або списків для освіти та навичок. Завершення HTML-структури резюме
- Перегляд основ HTML. Виправлення помилок у коді
- Вступ до CSS. Способи підключення. Селектори та стилізація тексту
- Блочна модель CSS. Властивості margin, padding, border, width, height
- Позиціонування елементів. Властивість position
- Основи Flexbox. Створення горизонтального меню
- Стилізація проєкту “Резюме” та адаптивний дизайн
- Медіа-запити та одиниці виміру. Адаптація резюме для мобільних пристроїв
- Основи Grid. Створення галереї зображень
- Псевдокласи та анімації. Додавання ефектів до кнопок резюме
ІІ семестр (20 занять)
- Завершення проєкту “Резюме”. Тестування адаптивності
- Повторення ключових концепцій CSS. Міні-сторінка з Flexbox і Grid
- Планування лендінгу Дарта Вейдера. Обговорення структури
- Робота з фоновими зображеннями та градієнтами. Стилізація шапки сайту
- Оформлення біографії та цитат. Використання Flexbox для розташування контенту
- Стилізація форми зворотного зв’язку. Адаптація лендінгу для мобільних пристроїв
- Додавання анімацій для кнопок і переходів. Тестування лендінгу
- Презентація лендінгу Дарта Вейдера
- Знайомство з Bootstrap: структура, сітка та готові компоненти
- Стилізація сторінки за допомогою класів Bootstrap і власних стилів
- Основи SCSS: змінні, вкладеність та міксіни
- Поєднання SCSS та Bootstrap для створення унікального дизайну
- Планування проєкту “Лендінг банку”. Створення HTML-структури
- Робота з шрифтами та кольоровою палітрою. Стилізація секції послуг
- Створення адаптивного дизайну та стилізація форми заявки
- Фіналізація та презентація лендінгу банку
- Планування проєкту “Лендінг туристичного бюро”. Створення HTML-структури
- Стилізація та галерея. Використання Grid для секції турів
- Адаптація лендінгу для мобільних пристроїв. Стилізація контактної форми
- Тестування та виправлення помилок. Презентація лендінгу
2400 грн/місяць
- Кількість уроків на місяць: 8
- Заняття проходять 1 раз на тиждень, 2 уроки по 50 хвилин (підряд)
- Тривалість курсу: 9 місяців
- Нова група стартує у вересні 2026 року. Індивідуальні заняття доступні щомісяця — обирайте зручний час для старту.
- Пробне заняття – безкоштовно
Роботи наших учнів:
Інші курси:
Курс Scratch
Scratch — перша мова програмування для дітей, що навчає створювати ігри без складного коду.
Докладніше
Курс Малювання на планшеті
Дитина з нуля навчиться основам малювання та познайомиться з цифровим мистецтвом.
Докладніше
Курс Розробка ігор
Створення гри з персонажами, рівнями та механікою —практичне знайомство з програмуванням і геймдизайном.
Докладніше
Курс Roblox
Перетворіть захоплення Roblox на користь — учні опанують основи коду, логіки та 3D-розробки в Roblox Studio.
Докладніше
Курс Cтворення сайтів
За допомогою HTML, CSS і JavaScript підліток навчиться створювати власні вебсайти з нуля.
Докладніше
Курс 3D-моделювання та анімація
Підлітки опановують Blender — професійний 3D-інструмент для дизайну, анімації та ігор.
Докладніше
Курс Програмування Python
Python — проста мова програмування для початківців, де учні вивчають написання коду та базовий синтаксис.
Докладніше
Курс Малювання на планшеті для підлітків
Курс для підлітків, які хочуть навчитися малювати та створювати круті ілюстрації.
Курс SMM for Teens
Курс із просування в соціальних мережах: від дизайну та копірайтингу до відеомонтажу та реклами.
Докладніше
Курс Unity
Unity — професійна платформа для розробки 2D та 3D ігор. Серйозний курс для підлітків з програмування, анімації та створення ігрових світів.
Докладніше
Курс Графічний дизайн
Курс графічного дизайну — навчання створенню яскравих візуальних образів і роботі з кольорами, шрифтами та дизайном у Figma.
Докладніше
Introduction to computer science
Адаптована версія всесвітньо відомого курсу CS50 Гарварду - курс підвищеної складності для майбутніх програмістів.
Докладніше