Курс Front-end для підлітків

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

Програма курсу

Frontend Junior (10-11 років)

Семестр 1

• Знайомство з WordPress
• Верстка сайту, модуль CSS Flexbox
• Оформлення, підключення та розміщення віджетів
• Пошукова оптимізація сторінки в Yoast SEO
• Збір аналітики за допомогою Google Analytics
• Плагін MailPoet та налаштування розсилки
• Підключення сторінки до CMS
• Створення власного каталогу інформації
• Робота з плагіном Advanced Custom Fields
• Використання WordPress як джерела REST API

Семестр 2

• Створення посадкової сторінки за прикладом
• Робота з динамічними елементами CSS (анімація)
• Конструктори сайтів Wix та Weblium: можливості та інструменти
• WordPress: створення сторінок, меню сайту, розміщення контенту, налаштування доступу
• Контент, оформлений в HTML, CSS
• Розгортання сайту на CSS WordPress

Фінальні проєкти:

• Особистий інформаційний сайт
• Інтернет-магазин
• Власний сайт за тематикою свого хобі

Frontend (12-17 років)

Семестр 1

• Вступ до HTML
• Блочні та рядкові теги, семантична верстка
• CSS. Використання стилів, CSS-селектори
• Каскад. Ієрархія. Наслідування. Псевдокласи
• Текст, шрифти, стилі
• Верстка дизайн-макета
• Розміщення верстки на GitHub
• Модуль Flexbox: порядок та розташування елементів
• Background

Семестр 2

• Анімація в CSS
• Властивості transition & transform
• Робота з зображеннями SVG та створення SVG-іконки
• Позиціювання при верстці
• Адаптивна верстка сайту
• Responsive та Mobile first
• Bootstrap: розмітка, компоненти, утиліти
• Препроцесори SASS/SCSS

Семестр 3

• Знайомство з JavaScript
• Змінні, типи даних, взаємодія з користувачем
• Основні оператори, числа, рядки
• Пошук DOM-вузлів, властивості, атрибути
• Події, логічні оператори, розгалуження
• Використання різних інструкцій розгалуження
• Цикли, функції, методи масиву
• Об’єкти. Створення об’єкта, переназначення властивостей. Деструктуризація об’єктів
• ООП: класи, функції, конструктор

Семестр 4

• Оптимізація подій
• Бібліотека Lodash. Throttle і Debounce
• Node.js та Пакетний менеджер npm
• Модульність коду
• Формат даних JSON, вебсховище
• Асинхронність, таймери, дата і час
• Методи класу Promise. Цикл подій
• HTTP-запити
• Пагінація
• CRUD взаємодії з ресурсами бекенду

Семестр 5

• Бібліотека React. JSX
• Компоненти .JSX
• Стилізація. CSS модулі
• Стилізація. CSS in JS
• HTTP-запити
• Життєвий цикл
• React hooks. Хуки useState, useEffect та власні хуки

Семестр 6

• Проблеми хостингу SPA. React Router V6 - призначення та налаштування
• Програмна навігація, запити та об’єкт місцезнаходження. Розподіл коду
• Знайомство з Redux, класичний Redux
• Redux Toolkit
• Redux persist
• Селектори та бібліотека Reselect
• Робота з користувачами. Портали

Фінальні проєкти:

• Сайт для пекарні або іншого локального бізнесу
• Сайт для IT компанії
• Веб-каталог ігор
• Cайт-агрегатор різних заходів та подій в країні, на якому можна придбати квитки на ці події
• Сайт Трекер витрат
• Сайт Онлайн бібліотека з електронними книгами

Особливості курсу

• Комфортний навчальний процес
• Зворотній зв'язок та підтримка
• Комунікація та Soft Skills
• Записи уроків
• Проєкти для портфоліо

Викладачі курсу

• Альона - 4+ роки досвіду викладання
• Олександр - 5+ років досвіду викладання Frontend, Roblox
• Вадим - 3+ роки досвіду роботи Frontend/Wordpress developer
• Олександра - 2+ роки досвіду викладання
• Богдан - 15+ років викладання
• Ілля - Front-end розробник
• Ольга - Фрілансер, Frontend розробник