1

Этап 1

1. Знакомство с фреймворками

2

Этап 2

2. Выбор фреймворка

3

Этап 3

3. Настройка фреймворка

4

Этап 4

4. Создание сайта на основе фреймворка

5

Этап 5

5. Создание макета на основе сетки

1

Этап 1

1. Знакомство с фреймворками

2

Этап 2

2. Выбор фреймворка

3

Этап 3

3. Настройка фреймворка

4

Этап 4

4. Создание сайта на основе фреймворка

5

Этап 5

5. Создание макета на основе сетки

27 июля 2015 31 августа 2015
Цель завершена 13 августа 2015
Общая

[Lynda.com] - CSS: Фреймворки и сетки

Вам интересно, сможет ли использование CSS-фреймворка ускорить процесс разработки сайта? В этом курсе автор Джеймс Вильямсон представит доступные типы фреймворков — включая наиболее популярные экземпляры среди практикующих веб-разработчиков — и предоставит честную оценку достоинств и недостатков использования фреймворка. Он проведёт вас через процесс загрузки фреймворка, настройки структуры директорий и создания сайта на основе фреймворка, например, структурирование HTML и работу с формами. В отдельной главе рассказывается о сетках для макета, которые часто включены в CSS-фреймворки, и которые предоставляют простую систему макетирования контента страницы.

  • Понимание бойлерплэйтов, сеток и фреймворков
  • Выбор фреймворка
  • Создание своего собственного фреймворка
  • Выбор стратегии развёртывания
  • Модификация файлов
  • Модификация типографики и цвета
  • Заполнение дыр фреймворка
  • Изучение синтаксиса сеток
  • Вложенные сетки
  • Использование мобильных сеток

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

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

  1. 1. Знакомство с фреймворками

    • Бойлерплейты, сетки и фреймворки
    • Типы фреймворков
    • Изучение минимального фреймворка
    • Изучение комплексного фреймворка
  2. 2. Выбор фреймворка

    • Подходят ли фреймворки для вас?
    • Популярные фреймворки
    • Что следует искать во фреймворке?
    • Создание своего фреймворка
  3. 3. Настройка фреймворка

    • Загрузка фреймворка
    • Разработка стратегии развёртывания
    • Настройка структуры директорий
    • Модификация файлов
    • Изучение функционала фреймворка
  4. 4. Создание сайта на основе фреймворка

    • Настройка начальной страницы
    • Стратегии модификации стилей
    • Структурирование страниц для фреймворков
    • Модификация типографики
    • Модификация цветов
    • Работа с формами
    • Заполнение дыр фреймворка
    • Использование возможностей фреймворка
  5. 5. Создание макета на основе сетки

    • Что такое CSS-сетка?
    • Популярные системы CSS-сеток
    • Изучение синтаксиса сеток
    • Вложенные сетки
    • Отзывчивые изображения
    • Использование мобильных сеток
    • Заключение
    • Дополнительные ресурсы
  • 1665
  • 27 июля 2015, 09:41
Регистрация

Регистрация

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

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

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