Если Вы используете bootstrap, понимаете его минусы и хотите использовать самые современные технологии, то данный курс однозначно для Вас. Детально изучить flexbox, научиться использовать NPM, Gulp - это дорогого стоит!
Вишенкой на торте этого курса является конечно же Smartgid. С помошью этого чудесного инструмента смог усовершенствовать и в тоже время многократно упростить свою верстку, а также значительно сократить время верстки лендингов.
Материал подается простыми словами с множеством примеров, что делает его предельно понятным.
Программа курса: Вводный вебинар Техническая информация Доступы в группы и к тренажёрам Обзор программы курса Обзор вспомогательных инструментов
1. Основы Flexbox Основная и вспомогательная оси Тонкости выравнивания элементов Адаптивка без media-запросов Расчёт размеров элемента - Разбор домашних работ Фокусы flex-grow Нюансы в IE 11 Погрешность расчёта размеров Код без media-запросов: за и против
2. Flex-direction: column Нюансы переноса элементов Вертикальные и горизонтальные отступы Смена порядка следования элементов Задачи, для которых flex неудобен - Разбор домашних работ Общие выводы по технологиям Необходимость автоматизации мелочей Моральная подготовка к node.js
3. Node.js и NPM - основы магии Gulp - сборка проекта Autoprefixer - кроссбраузерность Concat - соединение файлов Sourcemaps - удобная отладка - Разбор домашних работ Плагин Clean CSS Group CSS Media Queries Неудобства плагина concat Чего не хватает в чистом CSS
4. Основы CSS-препроцессоров Иерархическое написание Переменные и примеси Написание кода на LESS Написание кода на SASS (SCSS) - Разбор домашних работ Синтаксисы разных препроцессоров LESS vs SCSS Препроцессоры vs постпроцессоры
5. npm i smart-grid - поехали! Основы создания сетки Отступы в px или в % Margin и padding варианты Настройка свойств сетки - Разбор домашних работ Нюансы fields и offset Резиновые и обычные элементы Row и col без size
6. Вёрстка макета Оптимизация кода Иерархия селекторов vs BEM Дополнительные приёмы вёрстки Кроссбраузерность - Разбор домашних работ Подведение итогов курса Ответы на финальные вопросы Направление дальнейшего развития
Xemera.At.Ua - информационный портал! Все ссылки на файлы, указанные на сайте взяты из открытых источников интернета и предоставлены пользователями нашего сайта исключительно в ознакомительных целях.
Если вы являетесь правообладателем какого либо материала и не желаете его свободного распространения, или считаете, что какой-либо из материалов нарушает Ваши авторские права - свяжитесь с Администрацией.
Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте.
Сайт оптимизирован для просмотра с разрешением 1024x768, 1280x800, 1280x1024 и 1600x1200 браузером FireFox или Opera
Статьи: 9536
Мысли: 0
Раздел:
Автор: 
Просмотров: 97 |
Теги:
Всего: 176
Админ: 1
Модераторы: 0
Журналисты: 12
Проверенные: 5
Пользователи: 158
Парней: 142
Девушек: 34