ONOVY / Офлайн у Житомирі / 15–17 років
Веброзробка для підлітків у Житомирі
Почніть із зрозумілої сторінки, навчіться змінювати її вигляд і додайте власну інтерактивну функцію. На кожному кроці важливо розуміти, що робить код.
Пропозиція програми першого набору. Дату старту, викладача групи, підтверджену адресу та остаточні умови погодимо до зарахування.
План навчання
Web-розробка та AI
Для старшокласників, які хочуть зрозуміти код, спробувати веброзробку та поступово зібрати свій перший проєкт.
- Планова вартість
- 1 900 грн за 4 заняття
- Тривалість
- 12 тижнів · 12 занять × 120 хв
- Розрахунок програми
- 5 700 грн за всю програму — за три блоки по чотири заняття; це орієнтовний розрахунок.
- Попередній розклад
- Попередньо — четвер. День і час занять можемо підлаштувати під зручність курсантів.
Одне заняття на тиждень і орієнтовно 1–2 години самостійної практики. Базовий цикл — три навчальні блоки по чотири заняття.
Порівняти з іншими програмамиНад чим працюємо
Власний сайт із робочою інтерактивною функцією, репозиторій коду та короткий опис проєкту. Публікація роботи неповнолітнього — за окремою згодою.
Що підготувати
Ноутбук і базова робота з файлами та браузером. Попереднє знання коду не потрібне. Для навчального проєкту не обов’язково купувати власний домен.
Приклад практики
Навчальний приклад: сайт про хобі з галереєю та фільтром. Спочатку ви визначаєте зміст, потім верстаєте мобільну сторінку, додаєте JavaScript і перевіряєте керування клавіатурою. Це приклад задачі, а не робота випускника.
Від зустрічі до зустрічі
Ідея та перша сторінка
Як браузер показує сайт. Редактор, файли, HTML, заголовки, текст і посилання. Обираємо невелику задачу для власного проєкту.
Результат → Перша власна вебсторінка та задум проєкту.
Зміст і структура
Семантичний HTML, навігація, зображення й доступні підписи. Визначаємо, що має побачити відвідувач і в якому порядку.
Результат → Зрозуміла структура майбутнього сайту.
Візуальна мова
CSS, кольори, шрифти, відступи та стани посилань. Формуємо послідовний вигляд сторінки.
Результат → Оформлена стартова сторінка з власним стилем.
Композиція сторінки
Flexbox і Grid, розташування блоків, повторювані елементи. Знайомимося з історією змін і збереженням коду.
Результат → Цілісний макет і перша збережена версія проєкту.
Сайт на телефоні
Адаптивна верстка, перенесення тексту, розміри зображень і зручні елементи керування. Перевіряємо різні екрани.
Результат → Мобільна версія власного сайту.
Основи JavaScript
Змінні, умови, функції та події. Пов’язуємо дію користувача зі зміною на сторінці.
Результат → Перша інтерактивна поведінка на сайті.
Власна інтерактивна функція
Створюємо простий калькулятор, тест або фільтр. Продумуємо стани, введення даних і зрозумілі повідомлення.
Результат → Одна робоча функція для обраного проєкту.
AI як помічник у коді
Ставимо конкретні задачі, просимо пояснити фрагмент, змінюємо код невеликими кроками та перевіряємо відповіді AI.
Результат → Самостійно перевірене вдосконалення проєкту.
Збираємо власний проєкт
Поєднуємо структуру, контент, оформлення й інтерактивність. Обмежуємо обсяг до того, що можна довести до робочої версії.
Результат → Робоча чернетка цілого сайту.
Перевіряємо й виправляємо
Інструменти браузера, пошук помилок, керування клавіатурою, контраст і різні екрани. Працюємо за чеклістом.
Результат → Виправлений сайт і власний список перевірок.
Готуємо до публікації
Репозиторій, опис проєкту, принципи хостингу та безпечні публічні дані. Окремо погоджуємо відкриту публікацію роботи.
Результат → Фінальна версія та інструкція запуску.
Показуємо й пояснюємо
Демонструємо проєкт, пояснюємо власні рішення, отримуємо зворотний зв’язок і визначаємо наступні кроки.
Результат → Сайт, код і короткий опис власної роботи.
Межі програми
Це вступний цикл: він не охоплює повну професійну підготовку, складні серверні системи або підготовку до працевлаштування.
Перед рішенням
Практика починається з ясних умов.
Чим цей курс відрізняється від знайомства з конструктором?
У фокусі — HTML, CSS і JavaScript: ви працюєте зі структурою та поведінкою сторінки. AI допомагає пояснити код або знайти помилку, але рішення потрібно перевірити й уміти змінити самостійно.
Що уточнимо перед стартом?
Дата, місце, розклад, викладач, остаточна вартість, правила пропусків і повернення коштів погоджуються до запису. Домен, хостинг і платні AI-підписки можуть оплачуватися окремо; купувати їх наперед не потрібно.
Для учасників 15–17 років потрібне погодження законного представника до зарахування, договору чи оплати. Публікація проєкту або фото потребує окремого дозволу.
Звернення — це початок розмови, а не оплата або бронювання місця. Навчання не гарантує роботи, доходу чи продажів.