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
Мета завершена % date%

Автор мети

Загальна

[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. Завершение веб-сайта
  • 2946
  • 22 лютого 2015, 10:47

Реєстрація

Можливості
безмежні.
Настав час
відкрити свої.

Уже зарегистрированы?
Вхід на сайт

Заходьте.
Відкрито.

Ще не зареєстровані?
 
Підключіться до будь-якого з ваших акаунтів, ваші дані будуть взяті з акаунту.
Забули пароль?