Курс по Bootstrap

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

  1. Знакомство и загрузка Bootstrap
    1. Что такое Bootstrap
    2. Качаем и распаковываем Bootstrap
    3. Изучаем файловую структуру Bootstrap
    4. Добавляем CSS в HTML-файл Bootstrap
    5. Добавляем JavaScript в HTML-файл Bootstrap
  2. Сеточная система Bootstrap
    1. Изучаем сеточную систему Bootstrap
    2. Создаем новые ряды и ячейки
    3. Корректируем ширину колонки с помощью смещения
    4. Изменяем порядок колонок с помощью push и pull
    5. Вкладываем колонки
    6. Делаем макет в стиле Jumbotron
    7. Домашнее задание
  3. Обзор CSS
    1. Изучаем базовую типографию, тэги small и blockquote
    2. Изучаем отзывчивые классы Bootstrap, включая .hidden и .visible
    3. Стайлинг кнопок с помощью классов btn
    4. Стайлинг картинок, отзывчивость, декоративные штрихи
    5. Встраиваем глиф-иконки Bootstrap 3
    6. Создаем галерею миниатюр
    7. Стайлинг табличной информации
    8. Заменяем центральный CSS кастомными стилями
    9. Стайлинг панелей и блоков
  4. Навигационные системы
    1. Создаем навигационную последовательность (breadcrumbs)
    2. Используем вкладки и навигационные кнопки
    3. Разрабатываем отзывчивую панель навигации
    4. Улучшаем кнопку панели навигации
  5. Эффекты JavaScript
    1. Выпадающее меню
    2. Вкладки
    3. Аккордион
    4. Подсказки
  6. Заключение
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Scroll Up