Курс по Bootstrap 3
Скрытое содержимое.
Скрытое содержимое.
Скрытое содержимое.
Список уроков:С помощью набора инструментов, основанных на HTML, CSS и jQuery, объединенных названием Bootstrap, вы научитесь быстро и просто создавать прототипы веб интерфейсов.
В процессе курса вы создадите многофункциональное меню, лендинг-страницу, страницу регистрации и всплывающее окно с формой входа. Также вы познакомитесь с принципами Responsive Design, когда страница автоматически подстраивается под разные размеры экрана.
Вы узнаете, как в собственных проектах можно использовать код, который уже написали за вас. Благодаря этим знаниям вы сэкономите десятки часов времени и вам не придется платить опытным разработчикам за верстку прототипа вашего проекта.
Зачем нужен 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. Основные возможности и преимущества этого фреймворка. Примеры сайтов, построенных с помощью 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
Скрытое содержимое.http://cleverbear.ru/lessons/sozdanie-prototipov-s-pomoshyu-css-freymvorka-bootstrap
Фиг знает что за курс, но за минималку можно глянуть))
3 первых урока бесплатно.