Front-end для підлітків

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

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. Все уроки записываются - можно просмотреть материал в удобное время. Студенты создают реальные проекты для своего портфолио.