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% матеріалу видається сертифікат про закінчення курсу.