Bootstrap для начинающих | Bootstrap 5.3 | 2025

Описание: Bootstrap с нуля за 5 часов. Это полный курс для начинающих по Bootstrap 5.3 в 2025 году. Освойте Bootstrap за один урок! Создавайте адаптивные сайты без сложного CSS, используя готовые компоненты и сетку. 🎥 Bootstrap для начинающих - https://stepik.org/101173

Обзор и подключение

00:00:00 Важная информация!
00:00:10 Подключение Bootstrap через CDN
00:08:31 Подключение Bootstrap из скомпилированных файлов
00:15:39 Исходные файлы Bootstrap и установка Node.js
00:22:35 Загрузка Bootstrap через NPM и про файл .gitignore
00:33:06 Для чего нужны разные файлы Bootstrap и в чем разница между ними
00:41:28 Переменные цвета и тема сайта на Bootstrap

Макет

00:49:30 Сетка
00:54:38 Контейнер
01:03:50 Адаптивная верстка
01:13:10 Выравнивание, отступы и ДЗ

Контент

01:22:27 Сброс стилей, файл Reboot.css
01:32:41 Типографика и семантические теги
01:41:43 Работа с изображениями
01:47:22 Таблицы

Формы

01:57:36 Формы, обзор базовых возможностей
02:03:28 Разные типы полей для ввода
02:09:43 Выбор в выпадающем списке, тег select
02:11:54 Чекбоксы и радио кнопки
02:20:38 Значение в диапазоне, ползунок range
02:23:18 Другие возможности при работе с формами

Компоненты

02:33:52 Аккордеон
02:39:21 Предупреждения
02:43:16 Бейджи
02:47:18 Хлебные крошки
02:49:53 Кнопки
02:55:15 Группы кнопок
03:02:10 Карточки
03:09:18 Карусель
03:16:02 Кнопка закрыть
03:18:16 Свернуть и развернуть
03:22:13 Выпадающие меню
03:28:17 Группы списков
03:33:41 Модальные окна
03:37:35 Навбар
03:45:01 Списки ссылок и вкладки
03:50:01 Оффканвас
03:53:23 Пагинация
03:56:37 Заполнители
03:59:48 Всплывающая подсказка
04:02:04 Прогрессбар
04:07:31 Меню с прокруткой
04:09:54 Состояние загрузки
04:13:11 Всплывающие сообщения
04:16:17 Всплывающие подсказки

Помощники и утилиты

04:17:50 Помощники
04:27:50 Утилиты

Дополнительно

04:45:43 Обзор оставшейся части документации
04:49:39 Иконки
05:00:55 ДЗ и применение Bootstrap

💡 Телеграм - https://t.me/itdoctor_official/4
🎥 Курсы на Stepik - https://stepik.org/users/ITDoctor/teach
⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor

YouTube -    / @itdoctor  
Дзен - https://dzen.ru/itdoctor
ВК - https://vk.com/itdoctorstudio
Rutube - https://rutube.ru/channel/23500045/

#itdoctor #bootstrap