Для дітей 9–17 років

Програма навчання

Ми розробили поетапну систему, де складність зростає разом із навичками дитини. 6 місяців бази, щоб створити своє портфоліо.

Базовий курс (6 місяців)

1

Вступ до Web-розробки

HTML Basics

Знайомство з тим, як працює інтернет. Встановлення професійних інструментів (VS Code). Вивчаємо "скелет" сайту.

  • Структура HTML-документа
  • Робота з текстом (заголовки, списки, абзаци)
  • Додавання зображень та посилань
🎯 Результат: Перша власна веб-сторінка (візитівка або новина).
2

Магія стилів CSS

Design & CSS

Вчимося робити сайти красивими. Кольори, шрифти, відступи, рамки. Розуміння "блокової моделі".

  • Підключення стилів
  • Робота з Google Fonts та кольорами (HEX/RGB)
  • Стилізація кнопок та карток товару
🎨 Результат: Красиве меню ресторану або постер улюбленого фільму.
3

Сучасна верстка (Flexbox)

Layout

Найважливіша тема. Вчимося розміщувати елементи там, де ми хочемо, а не там, де вони "впали".

  • Flex-контейнери та вирівнювання
  • Створення "шапки" сайту (Header)
  • Сітка товарів (Grid basics)
🏗️ Результат: Повноцінний макет Landing Page (лендінгу).
4

Адаптивність (Mobile First)

Responsive

Робимо так, щоб сайт виглядав ідеально і на комп'ютері, і на смартфоні, і на планшеті.

  • Медіа-запити (@media)
  • Гумове верстання (%, vw, vh)
  • Гамбургер-меню для мобільних
📱 Результат: Сайт, який можна відкрити на телефоні батьків.
5

Основи JavaScript

Interactivity

Оживляємо сайт. Додаємо реакцію на кліки, спливаючі вікна, перемикання тем (світла/темна).

  • Змінні та функції
  • Обробка подій (Click, Input)
  • Проста логіка (if/else)
Результат: Інтерактивний калькулятор або To-Do список.
6

Фінальний проєкт & Git

Portfolio

Вчимося працювати як дорослі програмісти. Зберігаємо код у Git та публікуємо сайт в інтернет.

  • Основи Git та GitHub
  • Хостинг сайту (Vercel/GitHub Pages)
  • Презентація проєкту
🏆 Результат: Власне портфоліо в інтернеті, доступне за посиланням.
Продовження навчання

Advanced Frontend

Якщо після 6 місяців дитина захоче стати професіоналом, ми переходимо до серйозного програмування.

Глибокий JavaScript

Робота з даними, API (отримання погоди, курсів валют в реальному часі), асинхронність, об'єктно-орієнтоване програмування.

React.js (Вступ)

Знайомство з найпопулярнішою бібліотекою світу, яку використовують Facebook, Instagram та Netflix.

Командна розробка

Робота в команді над одним проєктом через Git. Code Review. Планування задач (Trello/Jira).

Складні проєкти

Створення інтернет-магазину, чату або гри з власною логікою та базою даних.

Цей етап обговорюється індивідуально після завершення базового курсу.

Записатися на консультацію