- 10, Jun 2018
- #1
С помощью набора инструментов, основанных на HTML, CSS и jQuery, объединенных названием Bootstrap, вы научитесь быстро и просто создавать прототипы веб интерфейсов.
Зачем нужен Bootstrap?
Введение в курс по Bootstrap.
Основные возможности и преимущества этого фреймворка.
Примеры сайтов, построенных с помощью Bootstrap.
Внутреннее содержимое фреймворка. Базовый шаблон и Navbar Создаем базовый шаблон Bootstrap.
Добавляем верхнее меню Navbar и изменяем его под наш проект. Jumbotron и Grid system.
Принципы сеточной верстки в Bootstrap. Добавляем основной блок на главную страницу.
Разбираемся с классами row и container.
Изучаем mobile first сеточную верстку в bootstrap. Форма регистрации с помощью Bootstrap Добавляем "Page header". Изучаем формы, текстовые поля и кнопки.
Применяем radio button для выбора пола и help block для добавления подсказки в текстовые поля.
Управляем размерами элементов формы. Окно входа с помощью модального окна Используем модальные окна для создания окна входа.
Подключаем jQuery плагины через data атрибуты. Дополнительные инструменты для Bootstrap Используем сторонние сервисы для облегчения и ускорения процесса разработки.
Применяем bootswatch для изменения темы оформления и bootsnipp для поиска готовых элементов под Twitter Bootstrap
Скачать: Скрытая информация :: Авторизуйтесь для просмотра »
Основные возможности и преимущества этого фреймворка.
Примеры сайтов, построенных с помощью Bootstrap.
Внутреннее содержимое фреймворка. Базовый шаблон и Navbar Создаем базовый шаблон Bootstrap.
Добавляем верхнее меню Navbar и изменяем его под наш проект. Jumbotron и Grid system.
Принципы сеточной верстки в Bootstrap. Добавляем основной блок на главную страницу.
Разбираемся с классами row и container.
Изучаем mobile first сеточную верстку в bootstrap. Форма регистрации с помощью Bootstrap Добавляем "Page header". Изучаем формы, текстовые поля и кнопки.
Применяем radio button для выбора пола и help block для добавления подсказки в текстовые поля.
Управляем размерами элементов формы. Окно входа с помощью модального окна Используем модальные окна для создания окна входа.
Подключаем jQuery плагины через data атрибуты. Дополнительные инструменты для Bootstrap Используем сторонние сервисы для облегчения и ускорения процесса разработки.
Применяем bootswatch для изменения темы оформления и bootsnipp для поиска готовых элементов под Twitter Bootstrap
Скачать: Скрытая информация :: Авторизуйтесь для просмотра »