курс

Bootstrap 5: Основы верстки

1856 студентов
Последнее обновление: 23 апреля 2025
Курс Bootstrap 5: Основы верстки
3 900 ₽ в месяц
за все курсы Хекслета
Зарегистрироваться
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат
    обучения

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

10 уроков (видео и/или текст)
9 упражнений в тренажере
30 проверочных тестов
Доступ к остальным курсам платформы

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

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

Описание

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

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

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

При изучении внутреннего устройства Bootstrap понадобится знание препроцессора SASS, который позволяет внести больше логики при написании CSS: функции, миксины, циклы и так далее. Этому препроцессору посвящено два курса:

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

Продолжительность 9 часов
  • 1

    Введение

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

    Почему Bootstrap

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

    тесты

  • 3

    Установка Bootstrap

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

    тесты

  • 4

    Сетка

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

    тесты

    упражнение

  • 5

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

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

    тесты

    упражнение

  • 6

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

    Изучим возможности при работе с текстом в Bootstrap

    тесты

    упражнение

  • 7

    Таблицы

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

    тесты

    упражнение

  • 8

    Компоненты

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

    тесты

    упражнение

  • 9

    Утилиты

    Узнаем об утилитах. Изучим принципы работы, строение и когда стоит использовать утилиты в Bootstrap

    тесты

    упражнение

  • 10

    Bootstrap Icons

    Научимся использовать иконки из библиотеки Bootstrap Icons

    тесты

  • 11

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

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

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

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

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

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже

#
Задание
% завершений

Рекомендуемые программы

профессия
Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React
10 месяцев
с нуля
Старт 15 мая
профессия
Программирование на Python, Разработка веб-приложений и сервисов используя Django, проектирование и реализация REST API
10 месяцев
с нуля
Старт 15 мая
профессия
Тестирование веб-приложений, чек-листы и тест-кейсы, этапы тестирования, DevTools, Postman, SQL, Git, HTTP/HTTPS, API
4 месяца
с нуля
Старт 15 мая
профессия
Программирование на Java, Разработка веб-приложений и микросервисов используя Spring Boot, проектирование REST API
10 месяцев
с нуля
Старт 15 мая
профессия
новый
Google таблицы, SQL, Python, Superset, Tableau, Pandas, визуализация данных, Anaconda, Jupyter Notebook, A/B-тесты, ROI
9 месяцев
с нуля
Старт 15 мая
профессия
Программирование на PHP, Разработка веб-приложений и сервисов используя Laravel, проектирование и реализация REST API
10 месяцев
с нуля
Старт 15 мая
профессия
Программирование на Ruby, Разработка веб-приложений и сервисов используя Rails, проектирование и реализация REST API
5 месяцев
c опытом
Старт 15 мая
профессия
Программирование на JavaScript в браузере и на сервере (Node.js), разработка бекендов на Fastify и фронтенда на React
16 месяцев
с нуля
Старт 15 мая
профессия
Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API
10 месяцев
с нуля
Старт 15 мая
профессия
новый
Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL
8 месяцев
c опытом
Старт 15 мая
профессия
новый
6 месяцев
с нуля
в разработке
Старт 30 мая
профессия
новый
Программирование на JavaScript и PHP, разработка веб-приложений и сервисов используя Laravel, проектирование REST API и работа с базами
16 месяцев
с нуля
Старт 15 мая
профессия
новый
1 месяц
с нуля
в разработке
Старт 30 мая
профессия
новый
14 месяцев
с нуля
в разработке
Старт 1 июля
профессия
новый
6 месяцев
с нуля
в разработке
Старт 1 июля
профессия
новый
6 месяцев
c опытом
в разработке
Старт 10 июня
профессия
новый
10 месяцев
с нуля
в разработке
Старт 19 июня
профессия
новый
Разработка фронтенд- и бэкенд-компонентов для веб-приложений на Spring Boot и React
16 месяцев
с нуля
Старт 15 мая
профессия
новый
Программирование на JavaScript и Python, разработка веб-приложений и сервисов используя Django, проектирование REST API и работа с базами данных
16 месяцев
с нуля
Старт 15 мая
профессия
новый
10 месяцев
с нуля
в разработке
Старт 1 июля
профессия
новый
8 месяцев
с нуля
в разработке
Старт 1 июля
профессия
новый
4 месяца
c опытом
в разработке
Старт 30 мая
профессия
новый
Автоматизированное тестирование веб-приложений на Python
8 месяцев
с нуля
Старт 15 мая
профессия
новый
Автоматизированное тестирование веб-приложений на Java
8 месяцев
с нуля
Старт 15 мая
профессия
новый
10 месяцев
c опытом
в разработке
Старт 1 августа
профессия
новый
6 месяцев
с нуля
в разработке
Старт 30 мая