Курс начинается с понимания фронтенд-разработки. Сначала студенты осваивают систему контроля версий Git для работы с кодом. Затем переходят к языку разметки HTML - изучают базовые теги, блочные и строчные элементы, семантическую разметку. Практикуются в создании списков, форм, таблиц и работе с медиа-файлами. Отдельное внимание уделяется SVG-графике.
Второй модуль посвящен языку стилей CSS. Студенты учатся подключать стили, использовать селекторы и псевдоклассы. Рассматриваются современные методы верстки - Flexbox и Grid для создания адаптивных макетов. Изучаются позиционирование элементов, трансформации и анимации. Особое внимание уделяется методологии BEM и работе с медиа-запросами. Вторая часть модуля охватывает препроцессор SCSS - переменные, функции, миксины и лучшие практики организации кода.
Третий модуль глубоко погружает в программирование на JavaScript. Начинается с работы с пакетным менеджером NPM. Далее студенты осваивают основы языка - операторы, условные конструкции, циклы и функции. Работа с типами данных включает числа, строки, объекты и массивы с их методами. Изучаются современные возможности языка - деструктуризация, Map, Set, JSON. Курс охватывает работу с DOM-деревом, обработку событий, асинхронное программирование с Promise и Fetch API. Завершается модуль изучением модульной системы и лучших практик разработки.
Финальный модуль посвящен библиотеке React. Студенты учатся создавать компоненты, работать с props и состоянием. Рассматривается обработка событий, работа с формами и условный рендеринг. Практическое закрепление происходит через создание TODO-приложения. Углубленно изучаются хуки, контекст и управление состоянием с помощью Zustand. Курс включает работу с маршрутизацией через React Router, компонурование Storybook и применение лучших практик разработки.
На курсе доступны видеозаписи всех лекций. Студенты получают дополнительные учебные материалы и возможность обучения через чат-бота. Программа охватывает полный стек фронтенд-технологий - HTML, CSS, JavaScript и React. Все материалы остаются в постоянном доступе после завершения курса.