курс

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

1763 студента 557 сообщений
Последнее обновление: 22 мая 2024
Курс Bootstrap 5: Основы верстки
3 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, так и пришлось бы к кому-нибудь идти за сайтом, а и не факт, что сделали бы так, чтобы нормально...

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

профессия
Осваивайте разработку веб-страниц, оживляйте дизайн макетов, публикуйте сайты и приложения. Отслеживайте ошибки в интерфейсе и устраняйте их
10 месяцев
с нуля
Старт 12 декабря
профессия
Обучитесь разработке бэкенда сайтов и веб-приложений — серверной части, которая отвечает за логику и базы данных
10 месяцев
с нуля
Старт 12 декабря
профессия
Выполняйте ручное тестирование веб-приложений, находите ошибки в продукте. Узнайте все о тест-дизайне.
4 месяца
с нуля
Старт 12 декабря
профессия
Научитесь разработке веб-приложений, сайтов и программного обеспечения на языке Java, программируйте и используйте структуры данных
10 месяцев
с нуля
Старт 12 декабря
профессия
новый
Собирайте, анализируйте и интерпретируйте данные, улучшайте бизнес-процессы и продукт компании. Обучитесь работе с библиотеками Python
9 месяцев
с нуля
Старт 12 декабря
профессия
Занимайтесь созданием сайтов, веб-приложений, сервисов и их интеграцией с внутренними бизнес-системами на бекенд-языке PHP
10 месяцев
с нуля
Старт 12 декабря
профессия
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 12 декабря
профессия
Обучитесь разработке визуальной части сайта — фронтенда, а также реализации серверной — бэкенда. Освойте HTML, CSS, JavaScript
16 месяцев
с нуля
Старт 12 декабря
профессия
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 12 декабря
профессия
новый
Организовывайте процесс автоматизации тестирования на проекте, обучитесь языку программирования JavaScript, начните управлять процессом тестирования
8 месяцев
c опытом
Старт 12 декабря