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
