Програма курсу
Frontend Junior (10-11 років)
На першому семестрі діти знайомляться з WordPress. Вони вчаться верстати сайти за допомогою CSS Flexbox, оформлювати та підключати віджети. Курс включає пошукову оптимізацію сторінок через Yoast SEO, збір аналітики в Google Analytics та налаштування розсилок через MailPoet. Студенти підключають сторінки до CMS, створюють власні каталоги інформації та працюють з плагіном Advanced Custom Fields. Завершується семестр використанням WordPress як джерела REST API.
Другий семестр починається зі створення посадкових сторінок. Діти вивчають CSS-анімацію для динамічних елементів та знайомляться з конструкторами сайтів Wix і Weblium. Вони поглиблено працюють з WordPress: створюють сторінки, меню, розміщують контент і налаштовують доступ. Курс охоплює контент, оформлений в HTML і CSS, та закінчується розгортанням сайту на CSS WordPress.
Фінальні проєкти включають особистий інформаційний сайт, інтернет-магазин та сайт за тематикою власного хобі. Це дозволяє закріпити отримані навички на практиці.
Frontend (12-17 років)
Перший семестр починається з основ HTML. Студенти вивчають блочні та рядкові теги, семантичну верстку та CSS-селектори. Вони розбираються в каскаді, ієрархії та наслідуванні стилів, працюють з текстом, шрифтами та верстають дизайн-макети. Курс включає розміщення верстки на GitHub, вивчення Flexbox для розташування елементів та роботу з фоновими зображеннями.
На другому семестрі студенти переходять до CSS-анімації, вивчають властивості transition та transform. Вони працюють з SVG-зображеннями, створюють іконки та освоюють позиціювання елементів. Особлива увага приділяється адаптивній верстці, підходам Responsive та Mobile first. Семестр включає роботу з Bootstrap та препроцесорами SASS/SCSS.
Третій семестр присвячений JavaScript. Студенти вивчають змінні, типи даних та взаємодію з користувачем. Курс охоплює основні оператори, роботу з числами та рядками, пошук DOM-вузлів і роботу з подіями. Включає логічні оператори, розгалуження, цикли, функції та методи масивів. Завершується семестр роботою з об'єктами, деструктуризацією та основами ООП.
Четвертий семестр поглиблює знання JavaScript. Студенти вивчають оптимізацію подій, бібліотеку Lodash з методами Throttle і Debounce. Курс включає роботу з Node.js та менеджером пакетів npm, модульність коду та формат JSON. Вони освоюють асинхронність, таймери, роботу з датами та методами Promise. Семестр завершується HTTP-запитами, пагінацією та CRUD взаємодією з бекендом.
П'ятий семестр присвячений бібліотеці React. Студенти вивчають JSX, компоненти та їх стилізацію через CSS модулі та CSS in JS. Курс охоплює HTTP-запити в React, життєвий цикл компонентів та роботу з хуками - useState, useEffect та створення власних хуків.
Шостий семестр завершує навчання. Студенти вирішують проблеми хостингу SPA за допомогою React Router V6, вивчають програмну навігацію та розподіл коду. Курс включає знайомство з Redux, Redux Toolkit та Redux persist. Вони працюють з селекторами через бібліотеку Reselect та освоюють роботу з користувачами через портали.
Фінальні проєкти демонструють отримані навички: сайт для пекарні або бізнесу, сайт для IT компанії, веб-каталог ігор, агрегатор подій з продажем квитків, трекер витрат та онлайн-бібліотека з книгами.
Особливості курсу
Навчальний процес організований комфортно для студентів. Кожен отримує зворотний зв'язок та підтримку під час навчання. Курс розвиває не лише технічні навички, але й комунікацію та Soft Skills. Всі уроки записуються - можна переглянути матеріал у зручний час. Студенти створюють реальні проєкти для свого портфоліо.
