Общая
[Lynda.com] — Bootstrap 3. Advanced Web Development (Bootstrap 3: Продвинутая веб-разработка)
В этом исчерпывающем курсе разработчика и автора Рэя Виллалобоса вы создадите свой собственный интерактивный веб-сайт с нуля с помощью Bootstrap, дружественного к мобильным фреймворка от создателей Twitter. Сначала, вы спланируете и прототипируете интерфейс с помощью диаграмм связей и Balsamiq Mockups. Затем, загрузите Bootstrap и углубитесь в организацию структуры вашего сайта с помощью его возможностей скаффолдинга, добавите включения PHP для разбивки вашего кода на заново используемые модули и создадите основы навигации. После этого Рэй покажет вам, как создавать интерактивные карусели, модальные функции, и формы, и как контролировать эти возможности с помощью JavaScript. В конце вы научитесь стилизовать всё это с LESS и подготовитесь к публикации результатов в интернете.
Продолжение цели «[Lynda.com] — Начинаем работу с Bootstrap 3».
Критерий завершения
Материал изучен.
-
Планирование и подготовка
- Планирование вашего сайта с помощью диаграмм связей
- Прототипирование макетов вашего сайта
- Получение и подготовка приложения Heroku
- Работа с локальным веб-сервером
- Загрузка компонентов и организация файлов
- Обработка файлов LESS с помощью CodeKit
- Комбинирование и минификация файлов JavaScript
- Создание ветки базисного шаблона с помощью Git
- Добавление наших активов
-
Скаффолдинг
- Скаффолдинг наших основных колонок
- Использование включений PHP для разбивки сайта на модули
- Добавление основы навигации
- Создание выпадающего меню
- Автоматизация выпадающих меню с помощью jQuery
- Автоматическая активация элементов меню
- Добавление компонента Breadcrumbs в футер
-
Создание главного контента
- Добавление карусели
- Создание отзывчивых компонентов
- Работа с кнопками
- Добавление сетки фото со всплывающими подсказками
- Создание медиа-компонентов
-
Добавление контента
- Добавление промо регистрационной информации
- Использование модальных фото
- Создание аккордеона
- Повторное использование компонента с фото
-
Дополнительные страницы
- Создание и активация вкладок
- Использование компонента ScrollSpy
- Улучшение макета отзывчивых форм
-
Завершение приложения
- Редактирование переменных LESS Bootstrap
- Добавление структурных стилей LESS для страниц
- Кастомизация остальных компонентов с помощью LESS
- Стилизация компонента ScrollSpy
- Завершение веб-сайта
- 2663
- 22 февраля 2015, 10:47
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением