Семантическая верстка. Структура и элементы документа (заголовки, абзацы, списки, ссылки, изображения, формы).
Принципы БЭМ. Сетки и позиционирование элементов. Применение препроцессора SCSS. Создание дизайн-системы: определение стандартных цветов, размеров, шрифтов и т.д. с использованием переменных SCSS. Адаптивная верстка: медиазапросы, flexbox, grid. Транзиции и анимации.
Основы языка: переменные, функции, события, циклы, условные операторы. DOM-манипуляции. Работа со слайдерами. Реализация модальных окон (попапы "подписаться" и "авторизоваться").