Курс по 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. Заключение
Добавить комментарий

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

Scroll Up
Adblock detector