Bootstrap 3

64 участника

О чём курс

Вам нужен функциональный прототип веб-интерфейса, но вы не хотите тратить недели на ручную верстку с нуля. Внутри курса разбирается работа с фреймворком Bootstrap 3, который позволяет собирать готовые элементы страниц из уже написанных HTML, CSS и jQuery компонентов. Вы научитесь применять принципы мобильной верстки (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
Складчина создана 10 марта 2014 г. · описание обновлено 23 марта 2026 г.
80 ₽ 490 ₽