PRO курс

Bootstrap: Основы

21 сообщение в сообществе 202 учащихся

Курс посвящён Bootstrap 4 — одному из самых популярных фреймворков для верстальщиков. Его многогранность позволяет быстро создавать сложные макеты. Встроенные механизмы адаптивности и доступности снимают множество проблем верстальщика. В этом курсе раскроются механизмы работы Bootstrap: сетка, адаптивность, компоненты и утилиты. В конце курса вы узнаете о том, как самостоятельно создать свой компонент, используя встроенные механизмы Bootstrap.

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

  • Использовать механизм 12-колоночной сетки.
  • Работать с текстом и таблицами, используя возможности Bootstrap.
  • Использовать стандартные компоненты.
  • Применять встроенные утилиты при создании шаблона.
  • Создавать свои собственные компоненты.
Bootstrap 4 HTML CSS3 Адаптивность
Последнее обновление: 17 ноября 2020

Уроки курса

  • 1

    Введение

    Познакомиться с фреймворком Bootstrap и изучить план курса
  • 2

    Почему Bootstrap

    Узнать о плюсах и минусах Bootstrap. Увидеть, где используется Bootstrap и для чего его можно применять
  • 3

    Установка Bootstrap

    Научиться подключать Bootstrap к странице. Узнать о разных способах подключения и инструментах для этого.

    тесты

  • 4

    Сетка

    Изучить концепцию сеток в Bootstrap. Узнать виды контейнеров.

    тесты

    упражнение

  • 5

    Адаптивность

    Узнать о принципах адаптивности в Bootstrap. Научиться адаптировать сетку.

    тесты

    упражнение

  • 6

    Работа с текстом

    Изучить возможности при работе с текстом в Bootstrap. Узнать о RFS и изменении стандартных шрифтов проекта.

    тесты

    упражнение

  • 7

    Таблицы

    Научиться работать с таблицами используя возможности Bootstrap. Узнать о доступности таблиц

    тесты

    упражнение

  • 8

    Компоненты

    Узнать о компонентах Bootstrap и изучить устройство их работы.

    тесты

    упражнение

  • 9

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

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

    Утилиты

    Узнать об утилитах. Научиться создавать пользовательские утилиты с использованием стандартных средств Bootstrap 4

    тесты

Автор

Аватар пользователя Nikita Mikhaylov

Никита Михайлов

Ключевые навыки: HTML, CSS, JS Frontend.

Много лет работал в аутсорсинговой компании. Развивал клиентские проекты, делал фичи для разных CMS. В основном верстал, готов передать весь опыт вам. Поработав с сотнями проектов, научился выкручиваться даже из самых безнадёжных ситуаций. Помогу освоить вёрстку, чтобы она перестала казаться чем-то страшным.

Курс Bootstrap: Основы
продолжительность
8 часов
награда
39 баллов