програма

Поетапна програма навчання: від новачка до впевненого автора власних web-проєктів

Програма побудована навколо практики. Кожен модуль додає нову навичку і наближає дитину до власного сильного кейсу в портфоліо.

базовий шлях

6 місяців бази, що дають видимий та зрозумілий результат

01

Вступ у web-розробку

Що таке сайт, як працює інтернет, з чого складається сторінка, як користуватися редактором коду та браузером як інструментом розробника.

02

HTML — скелет сайту

Заголовки, абзаци, картинки, списки, кнопки, посилання, базова семантика та правильна структура сторінки.

03

CSS — стиль і композиція

Шрифти, кольори, фон, відступи, рамки, тіні, блокова модель і перші красиві секції.

04

Flexbox і сучасна верстка

Розташування елементів, колонки, картки, hero-секції та побудова сучасних макетів без хаосу.

05

Адаптивність та mobile-first

Щоб сайт однаково добре виглядав на телефоні, планшеті й комп’ютері — це обов’язкова частина сучасної розробки.

06

JavaScript — оживляємо сайт

Кліки, модалки, перемикачі, стани, калькулятори, прості інтерактивні додатки та міні-ігри.

07

GitHub та фінальний проєкт

Учні зберігають код як справжні розробники, публікують свої роботи й формують портфоліо.

advanced

Після бази — перехід на серйозніший рівень

Для мотивованих учнів передбачений advanced-напрям: складніший JavaScript, API, React, командна робота і більш “дорослі” продукти.

Глибший JavaScriptРобота з даними, API, асинхронність і складніші сценарії взаємодії.
React як вступ у сучасний frontendКомпонентне мислення і перший крок до професійної розробки.
Командна роботаGit workflow, code review, спільні задачі та презентація результату.

Приклади advanced-проєктів

Інтернет-магазин Погодний додаток з API Особистий кабінет Міні-гра з логікою Командний сервіс React-проєкт
результат по етапах

Що дитина виносить з програми

Після першого блоку

Розуміє, як влаштований сайт, і збирає просту сторінку власноруч.

Після середини програми

Уміє зробити красивий адаптивний лендінг, працює з секціями, картками, CTA та структурою.

Після фіналу

Має завершений проєкт, GitHub, упевненість у собі та базу для переходу в advanced.

логічний наступний крок

Подивіться реальні кейси учнів і оберіть комфортний формат старту

Після програми найкраще працює живий доказ — роботи дітей, які вже пройшли цей шлях і зібрали свої проєкти.