Bootstrap с нуля

Bootstrap - это популярный CSS фреймворк для создания сайтов. С помощью Bootstrap Вы научитесь верстать сайты быстро и эффективно, благодаря применению готовых компонентов фреймворка. 

Bootstrap с нуля
50 уроков50 уроков
СертификатСертификат
РусскийРусский
beONmax

Описание:

Вы получите знания и навыки:

  • Быстрая адаптивная верстка сайта
  • Основные классы и компоненты Bootstrap
  • Красивые формы для ввода логина и пароля
  • Галерея изображений на сайте за 2 минуты
  • “Умное” адаптивное меню для сайта
  • Одностраничные сайты за 1-3 дня
  • Красивые иконки для элементов за 1 минуту
  • Адаптивность изображений под любой экран
  • Полезные советы и материалы

Программа курса:

1. Знакомство и установка

  • 1.1 Знакомство с Bootstrap. Установка
  • 1.2 Классы container и container-fluid
  • 1.3 Тестирование
  • 1.4 Интерактивное задание

2. Работа с BOOTSTRAP. Позиционирование блоков (GRID SYSTEM)

  • 2.1 Grid System. Класс row
  • 2.2 Тестирование
  • 2.3 Интерактивное задание
  • 2.4 Grid System. Позиционирование блоков
  • 2.5 Интерактивное задание
  • 2.6 Тестирование
  • 2.7 Классы для позиционирования при разных размерах экрана
  • 2.8 Тестирование
  • 2.9 Интерактивное задание
  • 2.10 Интерактивное задание

3. Верстка сайта. Главная страница - верхняя часть сайта

  • 3.1 Navbar
  • 3.2 Интерактивное задание
  • 3.3 Navbar. Продолжение
  • 3.4 Интерактивное задание
  • 3.5 Navbar. Логотип и слоган
  • 3.6 Тестирование
  • 3.7 Navbar. Стили для пунктов меню
  • 3.8 Интерактивное задание
  • 3.9 Navbar. Продолжение
  • 3.10 Тестирование
  • 3.11 Интерактивное задание
  • 3.12 Header. Заключительная часть
  • 3.13 Интерактивное задание

4. Верстка сайта. Главная страница - шаблон страницы

  • 4.1 Структура шаблона страниц
  • 4.2 Интерактивное задание
  • 4.3 Тестирование
  • 4.4 Главная страница. Блок с фильмами

5. Верстка сайта. Главная страница - фильмы, сериалы, блог

  • 5.1 Главная страница. Блок с фильмами. CSS-стили
  • 5.2 Интерактивное задание
  • 5.3 Главная страница. Записи блога.
  • 5.4 Интерактивное задание
  • 5.5 Тестирование

6. Верстка сайта. Главная страница - левый блок сайта

  • 6.1 Главная страница. Левый блок
  • 6.2 Интерактивное задание
  • 6.3 Главная страница. Левый блок. Часть 2
  • 6.4 Главная страница. Левый блок. Часть 3
  • 6.5 Интерактивное задание
  • 6.6 Главная страница. Левый блок. Часть 4
  • 6.7 Интерактивное задание

7.  Верстка сайта. Главная страница. Страница просмотров фильмов и сериалов

  • 7.1 Страница просмотра фильмов. Адаптивный видеоплеер
  • 7.2 Страница просмотра фильмов. Часть 2
  • 7.3 Страница просмотра фильмов. Часть 3
  • 7.4 Интерактивное задание

8.  Верстка сайта. Страницы фильмы и рейтинг фильмов

  • 8.1 Страница Films. Часть 1
  • 8.2 Страница Рейтинг фильмов

9. Заключительная часть

  • 9.1 Заключительная часть