CSS: Фреймворки и сетки (2013)
24.03.2015

CSS: Фреймворки и сетки

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

Темы курса:
  1. Понимание бойлерплэйтов, сеток и фреймворков
  2. Выбор фреймворка
  3. Создание своего собственного фреймворка
  4. Выбор стратегии развёртывания
  5. Модификация файлов
  6. Модификация типографики и цвета
  7. Заполнение дыр фреймворка
  8. Изучение синтаксиса сеток
  9. Вложенные сетки
  10. Использование мобильных сеток

Производство: Lynda.com
Жанр: CSS фреймворки, Bootstrap, Foundation
Язык: русский
Продолжительность: 03:27:00
Качество видео: PCRec
Видеокодек: AVC
Битрейт видео: ~133 kb/s 15,00 FPS
Размер кадра: 960 x 540
Аудиокодек: AAC 2.0
Битрейт аудио: 128 kb/s (CBR), 2 Ch, 48000 Hz

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

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

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

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

5. Создание макета на основе сетки
  • Что такое CSS-сетка?
  • Популярные системы CSS-сеток
  • Изучение синтаксиса сеток
  • Вложенные сетки
  • Отзывчивые изображения
  • Использование мобильных сеток
  • Заключение
  • Дополнительные ресурсы




Скачать обучающий видеокурс (587.82 MB):
Вернуться на предыдущую страницу
Похожие новости
Теги