Bootstrap 5: Продвинутый уровень

Включено в курс

Чему вы научитесь

• Устанавливать Bootstrap в свой проект
• Создавать свои компоненты
• Добавлять, обновлять и изменять встроенные утилиты

Описание

На этом курсе вы глубже погрузитесь в работу с фреймворком Bootstrap. Вы узнаете о том, как создавать свои компоненты и утилиты. В итоге вы научитесь профессионально использовать фреймворк и его возможности по созданию новых компонентов. Разберетесь, из чего состоит Bootstrap и как подключать только нужные его части в проекте.

Bootstrap — это фреймворк, основанный на предоставлении готовых классов, компонентов, функций и миксинов на препроцессоре SASS.

В этом курсе мы рассмотрим возможности Bootstrap как фреймворка. Для его изучения нужно уметь использовать Bootstrap как библиотеку готовых компонентов, а так же заранее научиться работать с препроцессором SASS. Эти темы разбираются в курсах:

• Bootstrap 5: Основы верстки
• SASS: Основы работы
• SASS: Программирование

Программа курса

• 1

  Введение

  Познакомимся с планом курса по разработке на Bootstrap

  теория
• 2

  Установка

  Установим и подключим Bootstrap в виде npm-пакета

  теория
• 3

  Создание пользовательского компонента

  Разработаем пользовательский компонент цитат с использованием возможностей Bootstrap

  теория
• 4

  Создание пользовательских утилит

  Изучим работу Utility API в Bootstrap. Создадим новую утилиту и изменим уже существующую

  теория
• 5

  Цветовые схемы Bootstrap

  Узнаем о цветовой схеме Bootstrap и научимся изменять ее

  теория
• 6

  Темная и светлая тема

  Изучим, как работает светлая и темная тема в Bootstrap

  теория
• 7

  Оптимизация проекта

  Узнаем, как подключить только нужные файлы Bootstrap и убрать код, который не нужен

  теория
• 8

  Самостоятельная работа

  Дополнительные задания, которые позволяют закрепить полученную теорию
• 9

  Дополнительные материалы

  Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса

Формат обучения