Frontend Advanced

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

Основы JavaScript

На этом курсе начинают с основ - что такое JavaScript и спецификация ECMAScript. Студенты учатся работать с Web Console, объявлять переменные через let, const, var, понимают структуру и типы данных. Далее идут операторы, приведение типов, работа с числами и строками. Каждый теоретический блок закрепляется практическими заданиями.

Конструкции языка и функции

В этом модуле рассматривают условные инструкции if else и switch, циклы различных типов. После теоретической части студенты переходят к практике. Далее изучают функции - от базового синтаксиса до сложных случаев использования. Еще один блок практики помогает закрепить полученные знания.

Работа с данными

Здесь студенты учатся работать с массивами - понимают их назначение, методы перебора и сортировки. Параллельно изучают объекты, наследование и отличия от массивов. Модуль завершается разбором практического примера и выполнением заданий.

DOM и события

Этот блок посвящен работе с Document Object Model. Студенты учатся обращаться к элементам страницы, манипулировать стилями через JavaScript. Отдельно рассматривают систему событий в JavaScript, замыкания и рекурсию.

Асинхронное программирование

Модуль начинается с сериализации данных и форматов XML и JSON. Далее идут основные понятия асинхронного программирования, методы взаимодействия с сервером и виды запросов Ajax. Студенты понимают концепцию SPA, учатся работать с модулями и оптимизировать JavaScript код.

Современный JavaScript

В этой части курса рассматривают новые версии ECMAScript, NPM репозитории и взаимодействие с JavaScript сообществом. Студенты практикуют взаимодействие с реальным сервером, выполняют задания с использованием современных подходов. Отдельно обозревают современные направления и фреймворки JavaScript, серверный JS и интерфейсы десктоп.

Введение в React

Курс продолжается знакомством с React - одним из самых популярных фреймворков. Студенты изучают Webpack, базовый шаблон и настройку окружения через create react app. Разбирают JSX синтаксис и Virtual DOM как основу React.

Углубленная работа с React

Здесь углубляются в компоненты - props, state, жизненный цикл компонентов, функциональные компоненты. Студенты изучают виды стилизации React приложений, работу с styled components, роутинг и взаимодействие с адресной строкой.

State менеджеры и Redux

Этот модуль посвящен state менеджерам - их необходимости, видам и масштабированию крупных проектов. Студенты изучают Context и Redux - создание редюсеров, экшенов, цикл обработки данных. Отдельно рассматривают debug React приложений и работу со статическими данными.

Финальный проект

Курс завершается созданием полноценного проекта - страницы по продаже байков. Студенты проходят все этапы: от верстки простых элементов и слайдера до выбора цвета товара и контактной формы. Подключают сервер и выполняют deploy на Heroku. В конце получают рекомендации по дальнейшему развитию.

Особенности курса

Курс содержит 50 видеоуроков продолжительностью от 10 до 30 минут. Для успешного прохождения нужны базовые знания HTML, CSS и JavaScript. Доступ к материалам предоставляется на 6 месяцев. Дополнительно есть ссылки на статьи и кейсы для самостоятельной проработки. При усвоении 80% материала выдается сертификат об окончании курса.