На этом курсе начинают с основ фреймворка. Ученик узнает, что такое Bootstrap 5 и как его подключить к проекту. Рассматривают сеточную систему - основу для создания макетов. Далее работают с типографикой: заголовками, текстом, цитатами и списками. Учат форматировать таблицы и изображения. Этот модуль дает базовое понимание работы с фреймворком.
Здесь переходят к практическим элементам. Ученик обучается создавать кнопки, карточки и выпадающие списки. Разбирают навигацию - хлебные крошки, пагинацию и навбары. Добавляют интерактивные элементы: уведомления, подсказки и прогресс-бары. Учат работать с формами и группами инпутов. Модуль показывает, как собирать готовые интерфейсы из компонентов Bootstrap.
Эта часть курса посвящена добавлению динамики. Ученик учится настраивать валидацию форм без написания кода. Работает с каруселями для галерей и аккордеонами для компактного отображения контента. Создает модальные окна и списки групп. Модуль демонстрирует, как оживить сайт с помощью встроенных JavaScript-компонентов Bootstrap.
Последний модуль учит тонкой настройке внешнего вида. Ученик осваивает работу с цветами, рамками и отступами. Изучает Flexbox для гибкого позиционирования элементов. Работает с отображением контента на разных устройствах. Учит форматировать текст и выравнивать элементы. Эти инструменты позволяют точно настроить внешний вид без лишнего CSS.
Курс включает практические задания с проверкой домашних работ. Доступен бесплатный видеокурс для закрепления материала. После завершения обучения - онлайн тестирование и сертификация. Весь материал ориентирован на получение практических навыков работы с Bootstrap 5.