1

Этап 1

Планирование и подготовка

2

Этап 2

Скаффолдинг

3

Этап 3

Создание главного контента

4

Этап 4

Добавление контента

5

Этап 5

Дополнительные страницы

6

Этап 6

Завершение приложения

1

Этап 1

Планирование и подготовка

2

Этап 2

Скаффолдинг

3

Этап 3

Создание главного контента

4

Этап 4

Добавление контента

5

Этап 5

Дополнительные страницы

6

Этап 6

Завершение приложения

22 февраля 2015 08 марта 2015
Цель завершена 6 марта 2015
Общая

[Lynda.com] — Bootstrap 3. Advanced Web Development (Bootstrap 3: Продвинутая веб-разработка)

В этом исчерпывающем курсе разработчика и автора Рэя Виллалобоса вы создадите свой собственный интерактивный веб-сайт с нуля с помощью Bootstrap, дружественного к мобильным фреймворка от создателей Twitter. Сначала, вы спланируете и прототипируете интерфейс с помощью диаграмм связей и Balsamiq Mockups. Затем, загрузите Bootstrap и углубитесь в организацию структуры вашего сайта с помощью его возможностей скаффолдинга, добавите включения PHP для разбивки вашего кода на заново используемые модули и создадите основы навигации. После этого Рэй покажет вам, как создавать интерактивные карусели, модальные функции, и формы, и как контролировать эти возможности с помощью JavaScript. В конце вы научитесь стилизовать всё это с LESS и подготовитесь к публикации результатов в интернете.

Продолжение цели «[Lynda.com] — Начинаем работу с Bootstrap 3».

 Критерий завершения

Материал изучен.

  1. Планирование и подготовка

    1. Планирование вашего сайта с помощью диаграмм связей
    2. Прототипирование макетов вашего сайта
    3. Получение и подготовка приложения Heroku
    4. Работа с локальным веб-сервером
    5. Загрузка компонентов и организация файлов
    6. Обработка файлов LESS с помощью CodeKit
    7. Комбинирование и минификация файлов JavaScript
    8. Создание ветки базисного шаблона с помощью Git
    9. Добавление наших активов
  2. Скаффолдинг

    1. Скаффолдинг наших основных колонок
    2. Использование включений PHP для разбивки сайта на модули
    3. Добавление основы навигации
    4. Создание выпадающего меню
    5. Автоматизация выпадающих меню с помощью jQuery
    6. Автоматическая активация элементов меню
    7. Добавление компонента Breadcrumbs в футер
  3. Создание главного контента

    1. Добавление карусели
    2. Создание отзывчивых компонентов
    3. Работа с кнопками
    4. Добавление сетки фото со всплывающими подсказками
    5. Создание медиа-компонентов
  4. Добавление контента

    1. Добавление промо регистрационной информации
    2. Использование модальных фото
    3. Создание аккордеона
    4. Повторное использование компонента с фото
  5. Дополнительные страницы

    1. Создание и активация вкладок
    2. Использование компонента ScrollSpy
    3. Улучшение макета отзывчивых форм
  6. Завершение приложения

    1. Редактирование переменных LESS Bootstrap
    2. Добавление структурных стилей LESS для страниц
    3. Кастомизация остальных компонентов с помощью LESS
    4. Стилизация компонента ScrollSpy
    5. Завершение веб-сайта
  • 2663
  • 22 февраля 2015, 10:47
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?