На першому занятті відбувається знайомство з групою та викладачем. Учасники дізнаються про структуру курсу, організаційні моменти та обирають IDE для роботи.
Курс починається з вивчення HTML - мови розмітки веб-сторінок. Студенти освоюють структуру документа, основні теги, створення посилань та навігації. Далі йде робота з таблицями, формами, зображеннями та іншими елементами.
На цьому етапі вивчається CSS для стилізації веб-сторінок. Розглядаються способи підключення стилів, селектори та основні властивості для оформлення контенту.
Студенти знайомляться з основами JavaScript - мови програмування для створення інтерактивних веб-сторінок. Вивчаються змінні, типи даних, способи інтеграції JS у HTML.
Цей блок присвячений операторам, умовним конструкціям if...else, switch-case та тернарному оператору. Також розглядаються цикли while, do...while та for для автоматизації повторюваних дій.
Студенти освоюють роботу з масивами та їх методами, функції та область видимості, а також об'єкти з їх властивостями та методами.
Цей модуль охоплює основи Ajax та HTTP-запитів. Вивчається HTTP-протокол, статуси відповідей, робота з JSON та процес очікування завантаження даних.
Студенти знайомляться з принципами RESTFul API, роллю HTTP у REST, форматами даних для обміну, а також основами роботи з API-ключами та автентифікацією.
Перші кроки у вивченні React - сучасної бібліотеки для створення інтерфейсів. Студенти освоюють JSX, компоненти, props, методи стану та життєвого циклу компонентів.
Цей блок включає обробку подій, умовне відтворення компонентів, роботу зі списками та ключами, а також створення форм та контрольованих компонентів.
Студивчають обробку HTTP-запитів у React-додатках та освоюють маршрутизацію за допомогою React Router для створення багатосторінкових застосунків.
Глибоке занурення в системи безпеки веб-додатків. Розглядаються JSON Web Tokens (JWT), OAuth 2.0, OpenID Connect та практична реалізація аутентифікації.
Знайомство з бібліотекою Material UI - її переваги, встановлення та основні компоненти. Студенти вивчають кнопки, текстові поля, чекбокси та систему стилів.
Робота з Grid system для створення адаптивних макетів. Використання контейнерів, точок зупину та компонентів Grid для різних екранів.
Вивчення додаткових компонентів - таблиць, списків, діалогових вікон. Налаштування компонентів через props та створення власних елементів з використанням системи стилів.
Студенти освоюють написання багаторазового коду, роботу з документацією та інтеграцію Material UI з бібліотеками CSS-in-JS, такими як Styled Components.
Введення в GraphQL - альтернативу REST API. Основи Redux для управління станом додатків, принципи роботи з магазином, діями та редукторами.
Детальне вивчення створення синхронних та асинхронних actions, обробки actions у Redux, написання чистих функцій-редукторів та їх комбінування.
Робота з Middleware для логування та асинхронних запитів. Вивчення Redux-Thunk та Redux-Saga для складних асинхронних операцій.
Комплексний підхід до тестування - компонентів React, Redux-логіки, асинхронного коду. Інтеграційне та функціональне тестування для покращення якості коду.
Заняття з технічної англійської для розробників. Кар'єрна консультація з рекрутером - допомога у складанні резюме та пошуку роботи. Фінальна Q&A сесія для відповідей на запитання.
Після завершення курсу студенти отримують глибоке розуміння фронтенд-розробки, практичний досвід створення повноцінного застосунку, знання про взаємодію фронтенду з бекендом та готовий проєкт для портфоліо.
Навчання проходить у невеликих групах з підтримкою ментора. Лекції доступні у зручний час, акцент на практичних завданнях. Після успішного завершення видається сертифікат. Найкращі студенти отримують можливість контракту з IT-компанією. Курс включає 27 онлайн-занять та доступ до додаткових матеріалів - презентацій, записів лекцій, чек-листів.