Общая
[Lynda.com] - CSS: Фреймворки и сетки
Вам интересно, сможет ли использование CSS-фреймворка ускорить процесс разработки сайта? В этом курсе автор Джеймс Вильямсон представит доступные типы фреймворков — включая наиболее популярные экземпляры среди практикующих веб-разработчиков — и предоставит честную оценку достоинств и недостатков использования фреймворка. Он проведёт вас через процесс загрузки фреймворка, настройки структуры директорий и создания сайта на основе фреймворка, например, структурирование HTML и работу с формами. В отдельной главе рассказывается о сетках для макета, которые часто включены в CSS-фреймворки, и которые предоставляют простую систему макетирования контента страницы.
- Понимание бойлерплэйтов, сеток и фреймворков
- Выбор фреймворка
- Создание своего собственного фреймворка
- Выбор стратегии развёртывания
- Модификация файлов
- Модификация типографики и цвета
- Заполнение дыр фреймворка
- Изучение синтаксиса сеток
- Вложенные сетки
- Использование мобильных сеток
Критерий завершения
Материал изучен
-
1. Знакомство с фреймворками
- Бойлерплейты, сетки и фреймворки
- Типы фреймворков
- Изучение минимального фреймворка
- Изучение комплексного фреймворка
- Бойлерплейты, сетки и фреймворки
-
2. Выбор фреймворка
- Подходят ли фреймворки для вас?
- Популярные фреймворки
- Что следует искать во фреймворке?
- Создание своего фреймворка
- Подходят ли фреймворки для вас?
-
3. Настройка фреймворка
- Загрузка фреймворка
- Разработка стратегии развёртывания
- Настройка структуры директорий
- Модификация файлов
- Изучение функционала фреймворка
- Загрузка фреймворка
-
4. Создание сайта на основе фреймворка
- Настройка начальной страницы
- Стратегии модификации стилей
- Структурирование страниц для фреймворков
- Модификация типографики
- Модификация цветов
- Работа с формами
- Заполнение дыр фреймворка
- Использование возможностей фреймворка
- Настройка начальной страницы
-
5. Создание макета на основе сетки
- Что такое CSS-сетка?
- Популярные системы CSS-сеток
- Изучение синтаксиса сеток
- Вложенные сетки
- Отзывчивые изображения
- Использование мобильных сеток
- Заключение
- Дополнительные ресурсы
- Что такое CSS-сетка?
- 1665
- 27 июля 2015, 09:41
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением