С помощью набора инструментов, основанных на HTML, CSS и jQuery, объединенных под названием Bootstrap, вы научитесь быстро и просто создавать прототипы веб-интерфейсов

В процессе курса вы создадите многофункциональное меню, лендинг-страницу, страницу регистрации и всплывающее окно с формой входа. Также вы познакомитесь с принципами Responsive Design, когда страница автоматически подстраивается под разные размеры экрана.

Вы узнаете, как в собственных проектах можно использовать код, который уже написали за вас. Благодаря этим знаниям вы сэкономите десятки часов времени и вам не придется платить опытным разработчикам за верстку прототипа вашего проекта.

  • 6 видео

  1. 1

    Зачем нужен Bootstrap?

    Видео лекция

    Введение в курс по Bootstrap. Основные возможности и преимущества этого фреймворка. Примеры сайтов, построенных с помощью Bootstrap. Внутреннее содержимое фреймворка.

  2. 2

    Базовый шаблон и Navbar

    Видео лекция

    Создаем базовый шаблон Bootstrap. Добавляем верхнее меню Navbar и изменяем его под наш проект.

  3. 3

    Jumbotron и Grid system. Принципы сеточной верстки в Bootstrap.

    Видео лекция

    Добавляем основной блок на главную страницу. Разбираемся с классами row и container. Изучаем mobile first сеточную верстку в bootstrap.

  4. 4

    Форма регистрации с помощью Bootstrap

    Видео лекция

    Добавляем "Page header". Изучаем формы, тектовые поля и кнопки. Применяем radio button для выбора пола и help block для добавления подсказки в текстовые поля. Управляем размерами элементов формы.

  5. 5

    Окно входа с помощью модального окна

    Видео лекция

    Используем модальные окна для создания окна входа. Подключаем jQuery плагины через data атрибуты.

  6. 6

    Дополнительные инструменты для Bootstrap

    Видео лекция

    Используем сторонние сервисы для облегчения и ускорения процесса разработки. Применяем bootswatch для изменения темы оформления и bootsnipp для поиска готовых элементов под Twitter Bootstrap.

Отзывы о курсе

  • Avatar

    Tony

    Заинтересовался курсом именно про Bootstrap, т.к. с базовыми навыками верстки знаком. "Построение массового продукта за 7 шагов" - вот это показалось интересным, но пока не вникал.