Для кого цей курс
- Створювати сайтівдітям, які цікавляться інтернетом і хочуть навчитися створювати сайти
- Впевнені ІТ-навичкибатькам, які шукають для дитини практичні ІТ-навички
- Власне портфоліоучням, які мріють створити власне портфоліо чи сторінку про себе
Що буде на курсі
Діти пройдуть шлях від чистого аркуша до повноцінного сайту, опублікованого в інтернеті
Структура сайта
створювати структуру сайту за допомогою HTML
Дизайн сайту
оформлювати його за допомогою CSS
Адаптована версія
адаптувати сайт для телефонів і планшетів
Розміщення в інтернеті
використовувати GitHub для публікації
Еоементи JavaScript
писати прості програми на JavaScript
Використання ШІ
використовувати штучний інтелект (ChatGPT), щоб доповнити свій код
Програма курсу
Основи HTML і CSS
✅ Створення простих сторінок: заголовки, текст, зображення, списки, таблиці, форми
✅ Основи оформлення: кольори, шрифти, відступи, рамки
✅ Практика: односторінкове портфоліо
🔹 Результат модуля:
✅ Дитина створює власну вебсторінку з текстом, зображенням, таблицями та формами — справжній мінісайт, який виглядає стильно та логічно
🧠 Формуються ключові навички: розуміння структури HTML-документа, основи стилізації CSS, уважність до деталей, візуальне мислення
Перший урок безкоштовно ✅ Основи оформлення: кольори, шрифти, відступи, рамки
✅ Практика: односторінкове портфоліо
🔹 Результат модуля:
✅ Дитина створює власну вебсторінку з текстом, зображенням, таблицями та формами — справжній мінісайт, який виглядає стильно та логічно
🧠 Формуються ключові навички: розуміння структури HTML-документа, основи стилізації CSS, уважність до деталей, візуальне мислення
Адаптивна верстка + GitHub
✅ Flexbox: розміщення елементів на сторінці
✅ Адаптивна верстка: сайти під телефон/планшет
✅ Створення репозиторію, публікація сайту онлайн
✅ Практика: сайт "Моя улюблена гра"
🔹 Результат модуля:
✅ Дитина створює адаптивний сайт, який чудово виглядає і на комп’ютері, і на телефоні — і самостійно публікує його в інтернеті
🧠 Опановуються сучасні інструменти: верстка через Flexbox, адаптація дизайну, створення репозиторію, робота з GitHub Pages
Перший урок безкоштовно ✅ Адаптивна верстка: сайти під телефон/планшет
✅ Створення репозиторію, публікація сайту онлайн
✅ Практика: сайт "Моя улюблена гра"
🔹 Результат модуля:
✅ Дитина створює адаптивний сайт, який чудово виглядає і на комп’ютері, і на телефоні — і самостійно публікує його в інтернеті
🧠 Опановуються сучасні інструменти: верстка через Flexbox, адаптація дизайну, створення репозиторію, робота з GitHub Pages
Штучний інтелект у вебі
✅ Вивчення ChatGPT як помічника в написанні коду
✅ Створення сторінки авторизації (логін/пароль)
✅ Генерація JS-коду через AI
✅ Практика: форма входу з перевіркою
🔹 Результат модуля:
✅ Дитина створює сторінку входу з перевіркою логіна й пароля — з елементами JavaScript і частково згенерованою логікою через ChatGPT
🧠 Розвивається критичне мислення, навички роботи з AI, уміння адаптувати, аналізувати й комбінувати код
Перший урок безкоштовно ✅ Створення сторінки авторизації (логін/пароль)
✅ Генерація JS-коду через AI
✅ Практика: форма входу з перевіркою
🔹 Результат модуля:
✅ Дитина створює сторінку входу з перевіркою логіна й пароля — з елементами JavaScript і частково згенерованою логікою через ChatGPT
🧠 Розвивається критичне мислення, навички роботи з AI, уміння адаптувати, аналізувати й комбінувати код
Основи JavaScript
✅ Змінні, типи даних, умови, цикли
✅ Масиви і базові методи
✅ Події на сайті: натискання кнопок, зміна тексту
🔹 Результат модуля:
✅ Дитина додає до сайту живу взаємодію — кнопки, реакції, повідомлення, зміни елементів — сайт починає "відповідати" на дії користувача
🧠 Розвивається логічне мислення, розуміння основ алгоритмів, вивчається мова JavaScript як інструмент динаміки
Перший урок безкоштовно ✅ Масиви і базові методи
✅ Події на сайті: натискання кнопок, зміна тексту
🔹 Результат модуля:
✅ Дитина додає до сайту живу взаємодію — кнопки, реакції, повідомлення, зміни елементів — сайт починає "відповідати" на дії користувача
🧠 Розвивається логічне мислення, розуміння основ алгоритмів, вивчається мова JavaScript як інструмент динаміки
Дипломна робота
✅ Вибір теми (про себе, улюблену гру тощо)
✅ Повноцінна HTML-структура + стилі
✅ Flex + адаптивна верстка
✅ Додавання форм і JS-функцій (наприклад, ToDo, форма зв'язку)
✅ Публікація на GitHub Pages
✅ Презентація своєї роботи перед іншими
🔹 Результат модуля
✅ Завершується навчання створенням повноцінного сайту з адаптивною версткою, формами та інтерактивністю — усе зроблено самостійно від ідеї до публікації
🧠 Учень вміє планувати структуру, реалізовувати логіку, оформлювати сторінку, презентувати результат — це завершений цикл розробки
Перший урок безкоштовно ✅ Повноцінна HTML-структура + стилі
✅ Flex + адаптивна верстка
✅ Додавання форм і JS-функцій (наприклад, ToDo, форма зв'язку)
✅ Публікація на GitHub Pages
✅ Презентація своєї роботи перед іншими
🔹 Результат модуля
✅ Завершується навчання створенням повноцінного сайту з адаптивною версткою, формами та інтерактивністю — усе зроблено самостійно від ідеї до публікації
🧠 Учень вміє планувати структуру, реалізовувати логіку, оформлювати сторінку, презентувати результат — це завершений цикл розробки
Як проходить навчання
-
У групах до 10 осіб - Програми розроблені з урахуванням віку дитини
- Заняття записуються і завжди є можливість повторити матеріал
- Дається домашнє завдання для самостійної роботи
- В особистому кабінеті розміщені всі навчальні матеріали
- Заняття проводяться за розкладом як у будні дні, так і у вихідні
- Розклад та викладач протягом курсу навчання не змінюються
- Викладачі - практикуючі IT фахівці з досвідом роботи з дітьми понад 3 роки
Що вмітиме дитина після курсу
Сайт
Самостійно створювати сайти будь-якої складності на базовому рівні
Адаптивність
Робити сайти адаптивними — зручними на телефоні
Інтерактивність
Додавати інтерактивність (натискання, форми, події)
GitHub
Працювати з GitHub і публікувати свої проєкти онлайн
AI
Використовувати AI для генерації коду з поясненням
Чому обирають нас?
10
Понад 10 років досвіду
навчання дітей
навчання дітей
2000+
Студентів-випускників
школи
школи
Домашні завдання
Виконання домашніх завдань формує у студента навичку самостійної роботи
Структура заняття
Використовуємо візуальні матеріали, інтерактивні завдання та ігри, щоб зробити процес навчання більш захоплюючим та ефективним.
9000+
Понад 9000+ індивідуальних та
групових проектів
групових проектів
80 / 20
80% практики, 20% теорії
Реалізація ідеї
Ми заохочуємо дітей до сміливих експериментів, створенню нових ідей для втілення у своїх проєктах.
Реальні проєкти
Фокус на реальних проєктах та завданнях сприяє розвитку практичних навичок та готує учнів до реальних сценаріїв використання своїх знань
