Bootstrap 3 – один из самых популярных HTML/CSS/javascript фреймворков, используемых для создания отзывчивых веб-сайтов. В этом курсе Автор показывает, как с помощью Bootstrap и простого текстового редактора добавлять такие интерактивные элементы, как thumbnail gallery (галерею изображений), image carousel (карусель картинок) или форму обратной связи. Кроме того, она учит стилизовать эти элементы с помощью CSS и добавлять полезные всплывающие окна на javascript и подсказки, которые усиливают удобство их применения.
Информация о видеокурсе
Название: Bootstrap 3. Добавь интерактивности на свой сайт
Год выхода: 2014
Автор (режисёр): Lynda.com
Преподаватель: Джен Крамер
Жанр: Обучающий, Вэб-программирование
Продолжительность: 01:56:08
Язык: Русский
Содержание:
• Введение / Introduction
01. Добро пожаловать / Welcome
02. Использование файлов упражнений / Using the exercise files
03. Использование задач / Using the challenges
• Настройка /Setting Up
01. Установка Sublime Text
02. Установка Bootstrap 3
03. Установка jQuery
• Создание галереи эскизов с модальными окнами / Creating a Thumbnail Gallery with Modal Pop-Ups
01. Планирование галерии эскизов / Planning the thumbnail gallery
02. Создание эскиза галереи - макет сетки / Creating the thumbnail gallery grid layout
03. Создание модального окна / Creating the modal windows
04. Связывание изображений и добавление заголовков / Linking the thumbnails to the modal windows
05. Уменьшение эскиза с расположенными с заголовками / Enhancing the thumbnail layout with captions
06. Задание: стилизации эскизов и модальных эскизов / Challenge Styling thumbnails and modals
07. Решение: стилизации модальных эскизов / Solution Styling thumbnails and modals
• Создание image carousel (карусели картинок) / Creating an Image Carousel for the Homepage
01. Подготовка карусели картинок и подготовка изображений / Planning the image carousel and prepping images
02. Создание карусели картинок / Creating the image carousel
03. Добавление навигации / Adding carousel navigation
04. Добавление подписи к карусели / Adding captions to the carousel
05. Добавление и стилизация карусели, индикатор положения / Adding and styling a carousel position indicator
06. Настройка интервала вращения карусели и стиль обтекания / Customizing the carousel rotation interval and wrapping style
07. Задание: Создать модальные окна в карусели / Challenge Create modal windows in your carousel
08. Решение: Создать модальные окна в карусели / Solution Create modal windows in your carousel
• Создание форм / Creating Forms
01. Включая ввод текста и укладка с сеткой / Including a text input and styling it with a grid
02. Создание и форматирование кнопок / Creating and formatting radio buttons
03. Создание и форматирование выпадающего меню / Creating and formatting a selection dropdown menu
04. Добавление полей для комментариев и подсказок / Adding a comments box and tooltips
05. Добавление флажка с помощью пункта свернуть для повышения юзабилити / Adding a check box and using collapse to enhance usability
06. Задание: Стилизация форм / Challenge Styling the form
07. Решение: Стилизации форм / Solution Styling the form
• Завершение / Conclusion
Следующие шаги / Next steps
Файл
Формат видео: MP4
Качество видео: PCRec
Видео: AVC, 1280x720, ~752 Kbps, 15.000 fps
Аудио: AAC, 116 Kbps, 44.1 KHz
Доп. материалы: присутствуют (исходники и материалы используемые в уроках)
Формат архива: RAR
Размер архива: 488,04 MB
Скачать Bootstrap 3. Добавь интерактивности на свой сайт (2014)
