[James Williamson] CSS: Фреймворки & сетки (CSS: Frameworks & Grids)

Автор: James Williamson
Название: CSS: Фреймворки & сетки (CSS: Frameworks & Grids)

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

Темы курса:

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

• Вступление 2m 19s
  • Приветствие 1m 0s
  • Использование файлов упражнений 1m 19s
• 1. Знакомство с фреймворками 17m 38s
  • Бойлерплейты, сетки и фреймворки 3m 12s
  • Типы фреймворков 3m 36s
  • Изучение минимального фреймворка 5m 50s
  • Изучение комплексного фреймворка 5m 0s
• 2. Выбор фреймворка 21m 43s
  • Подходят ли фреймворки для вас? 4m 46s
  • Популярные фреймворки 10m 2s
  • Что следует искать во фреймворке? 2m 37s
  • Создание своего фреймворка 4m 18s
• 3. Настройка фреймворка 44m 12s
  • Загрузка фреймворка 11m 40s
  • Разработка стратегии развёртывания 3m 8s
  • Настройка структуры директорий 11m 56s
  • Модификация файлов 7m 47s
  • Изучение функционала фреймворка 9m 41s
• 4. Создание сайта на основе фреймворка 1h 19m
  • Настройка начальной страницы 7m 10s
  • Стратегии модификации стилей 8m 29s
  • Структурирование страниц для фреймворков 10m 48s
  • Модификация типографики 12m 18s
  • Модификация цветов 7m 30s
  • Работа с формами 10m 41s
  • Заполнение дыр фреймворка 15m 55s
  • Использование возможностей фреймворка 6m 56s
• 5. Создание макета на основе сетки 38m 22s
  • Что такое CSS-сетка? 2m 40s
  • Популярные системы CSS-сеток 4m 35s
  • Изучение синтаксиса сеток 10m 36s
  • Вложенные сетки 7m 20s
  • Отзывчивые изображения 8m 40s
  • Использование мобильных сеток 4m 31s
• Заключение 3m 37s