Курс - Фреймворк Bootstrap 3
| Курс | Фреймворк Bootstrap 3 |
| Длительность | 4 дня / 8 часов |
| Количество уроков | 4 |
Видео обучение
Оформить подпискуКонсультации
ЗаписатьсяОписание курса Фреймворк Bootstrap 3
Twitter Bootstrap – это CSS фреймворк для разработки кроссбраузерных веб ориентированных интерфейсов. Bootstrap представляет собой набор инструментов от Twitter, созданный для облегчения разработки web-приложений и сайтов, использует CSS и HTML для типографии, форм, кнопок, таблиц, сеток, навигации и т.д., а также дополнительные расширения JavaScript, упрощающие работу веб разработчика. Продуманная структура кода HTML, JavaScript и CSS даст Вам возможность создавать множество самых разнообразных элементов интерфейса и сетку сайта.
Предварительные требования
Уверенное владение HTML, CSS, JavaScript, jQuery.
Целевая аудитория
Начинающие веб разработчики, а также программисты с опытом, занимающиеся frontend разработкой.
Содержание курса
Урок
1
Знакомство с Bootstrap
- Что такое Bootstrap?
- Обзор основных возможностей;
- Загрузка и подключение;
- Введение в Bootstrap CSS. Колоночная верстка;
- Оформление и шрифты;
- Добавление фрагментов кода в HTML-страницу.
Урок
2
Bootstrap CSS
- Таблицы;
- Формы;
- Кнопки;
- Картинки;
- Вспомогательные классы.
Урок
3
Компоненты Bootstrap. Часть 1
- Типографика Glyphicon;
- Выпадающее меню;
- Группировка кнопок;
- Группировка элементов форм;
- Создание навигационных блоков.
Урок
4
Компоненты Bootstrap. Часть 2
- "Хлебные крошки";
- Постраничная навигация;
- Полосы прогресса;
- Группы списков;
- Панели контента;
- Переключатели контента;
- Всплывающие подсказки;
- Слайдер для баннеров.
По завершении курса Вы сможете:
- Скачивать и подключать Bootstrap Framework v3 к своей странице
- Создавать адаптивную колоночную верстку
- Оформлять текстовые элементы
- Добавлять фрагменты кода в HTML-страницу
- Оформлять таблицы, элементы форм, изображения
- Использовать вспомогательные классы
- Использовать шрифтовые иконки
- Создавать навигационное меню и навигационные панели
- Создавать окна сообщений
- Использовать JavaScript-плагины для создания модальных окон, кнопок, слайдеров, закладок и многое другое.
- Создавать адаптивную колоночную верстку
- Оформлять текстовые элементы
- Добавлять фрагменты кода в HTML-страницу
- Оформлять таблицы, элементы форм, изображения
- Использовать вспомогательные классы
- Использовать шрифтовые иконки
- Создавать навигационное меню и навигационные панели
- Создавать окна сообщений
- Использовать JavaScript-плагины для создания модальных окон, кнопок, слайдеров, закладок и многое другое.
