1

Step 1

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

2

Step 2

Скаффолдинг

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

1

Step 1

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

2

Step 2

Скаффолдинг

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

22 February 2015 08 March 2015
Goal completed 6 March 2015

Goal author

Александр П

Russia, Москва

46 years old

General

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

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

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

 Goal Accomplishment Criteria

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

  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. Завершение веб-сайта
  • 2944
  • 22 February 2015, 10:47
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?