Курс Bootstrap
Разберитесь с сеткой и компонентами Bootstrap, чтобы быстрее собирать адаптивные страницы.
О курсе
Bootstrap помогает быстро собрать типовые блоки интерфейса, если понимать его сетку и ограничения компонентов. На занятиях вы сверстаете цельную страницу и научитесь дорабатывать её внешний вид.
Чему научитесь
- Структура проекта и знакомство с документацией.
- Контейнеры, строки, колонки и контроль ширины элементов.
- Навигация, карточки, кнопки и формы.
- Утилиты, собственные стили и проверка на мобильных экранах.
Программа обучения
Для каждого раздела указан ориентировочный объём в парах. Одна пара — два академических часа. Состав и темп занятий можно уточнить под вашу цель и подготовку.
Подключение Bootstrap1 пара
- Структура проекта и знакомство с документацией.
- Подключение стилей и скриптов в учебный проект
- Структура документа и классы контейнеров
- Поиск нужного компонента в документации
Адаптивная сетка2 пары
- Контейнеры, строки, колонки и контроль ширины элементов.
- Строки и колонки для разных ширин экрана
- Порядок и отступы элементов в сетке
- Сборка нескольких секций лендинга
Готовые компоненты2 пары
- Навигация, карточки, кнопки и формы.
- Навигация и карточки с единым оформлением
- Поля формы, подсказки и состояния кнопок
- Проверка доступности интерактивных компонентов
Настройка внешнего вида1 пара
- Утилиты, собственные стили и проверка на мобильных экранах.
- Утилиты для размеров, отступов и отображения
- Собственные классы поверх стандартных стилей
- Контроль адаптивности и устранение конфликтов CSS
Практическая работа и результат
Собираете адаптивную посадочную страницу с навигацией, карточками и формой.
В процессе вы применяете темы программы к одной задаче, проверяете результат и исправляете ошибки вместе с преподавателем. Так после занятий у вас остаётся законченная учебная работа, а не только записи с объяснениями.
С чего начать
Нужны основы HTML и CSS. Если часть тем уже знакома, программу можно сместить в сторону более сложной практики.
Продолжить обучение
Эта тема входит в программу «Frontend-разработчик». Если вам нужно освоить направление целиком, обсудите с менеджером полную программу или отдельные занятия по этой теме.
Как проходят занятия
Аудитории, оборудование и практика — как это выглядит изнутри.
