курс

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

1549 студентов 550 сообщений
Последнее обновление: 22 мая 2024
Курс Bootstrap 5: Основы верстки
21 900 ₸ в месяц
за все курсы Хекслета
Зарегистрироваться
  • Тренажер с практикой
  • Бессрочный доступ к теории
  • Асинхронный формат
    обучения

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

10 уроков (видео и/или текст)
9 упражнений в тренажере
27 проверочных тестов
Помощь в «Обсуждениях»
Доступ к остальным курсам платформы

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

  • Использовать механизм 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. Узнаем о RFS и изменении стандартных шрифтов проекта

    тесты

    упражнение

  • 7

    Таблицы

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

    тесты

    упражнение

  • 8

    Компоненты

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

    тесты

    упражнение

  • 9

    Утилиты

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

    тесты

    упражнение

  • 10

    Bootstrap Icons

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

    тесты

  • 11

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

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

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

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

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

Испытания

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

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

Отзывы

Аватар пользователя Maxim Dzyubak
Maxim Dzyubak 08 марта 2023

Благодарю за хороший курс по bootstrap. Писать самому html и css больше не хочется)))


Аватар пользователя Vlad
Vlad 12 декабря 2022

Спасибо большое за курс! Сделал жене сайт-визитку на BS - она и все кому отправляет в восторге просто. А вот не учился бы на Hexlet, так и пришлось бы к кому-нибудь идти за сайтом, а и не факт, что сделали бы так, чтобы нормально...

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

профессия
от 25 000 ₸ в месяц
Разработка фронтенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 20 июня
профессия
от 25 000 ₸ в месяц
Разработка веб-приложений на Django
10 месяцев
с нуля
Старт 20 июня
профессия
от 14 960 ₸ в месяц
Ручное тестирование веб-приложений
4 месяца
с нуля
Старт 20 июня
профессия
от 25 000 ₸ в месяц
Разработка приложений на языке Java
10 месяцев
с нуля
Старт 20 июня
профессия
от 24 542 ₸ в месяц
новый
Сбор, анализ и интерпретация данных
9 месяцев
с нуля
Старт 20 июня
профессия
от 25 000 ₸ в месяц
Разработка веб-приложений на Laravel
10 месяцев
с нуля
Старт 20 июня
профессия
от 28 908 ₸ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 20 июня
профессия
от 39 525 ₸ в месяц
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
16 месяцев
с нуля
Старт 20 июня
профессия
от 25 000 ₸ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 20 июня
профессия
новый
Автоматизированное тестирование веб-приложений на JavaScript
8 месяцев
c опытом
в разработке
Старт 20 июня