Поторопитесь! Заканчивается через 
Видеозаписи лекций без обратной связи и участия преподавателя. Вы получите доступ к материалам сразу после оплаты.
Видео курс. Новый способ, использует в себе всю мощь современных технологий: flexbox и функция calc из CSS3, один из препроцессоров на выбор (LESS, SCSS, SASS, Stylus), сборщик проектов gulp и пара его чудесных плагинов. Всё это даёт невероятный прирост в скорости и качестве вёрстки!
Курс для тех, кто:
– Владеет основами вёрстки, в том числе, адаптивной
– Периодически бесится при создании адаптивной вёрстки
– Хочет освоить классный инструмент и стать мастером
Основы Flexbox
– Основная и вспомогательная оси
– Тонкости выравнивания элементов
– Адаптивка без media-запросов
– Расчёт размеров элемента
– Фокусы flex-grow
– Нюансы в IE 11
– Погрешность расчёта размеров
– Код без media-запросов: за и против
– Flex-direction: column
– Нюансы переноса элементов
– Вертикальные и горизонтальные отступы
– Смена порядка следования элементов
– Задачи, для которых flex неудобен
– Общие выводы по технологиям
– Необходимость автоматизации мелочей
– Моральная подготовка к node.js
– Node.js и NPM – основы магии
– Gulp – сборка проекта
– Autoprefixer – кроссбраузерность
– Concat – соединение файлов
– Sourcemaps – удобная отладка
– Плагин Clean CSS
– Group CSS Media Queries
– Неудобства плагина concat
– Чего не хватает в чистом CSS
– Основы CSS-препроцессоров
– Иерархическое написание
– Переменные и примеси
– Написание кода на LESS
– Написание кода на SASS (SCSS)
– Синтаксисы разных препроцессоров
– LESS vs SCSS
– Препроцессоры vs постпроцессоры
– npm i smart-grid – поехали!
– Основы создания сетки
– Отступы в px или в %
– Margin и padding варианты
– Настройка свойств сетки
– Нюансы fields и offset
– Резиновые и обычные элементы
– Row и col без size
– Вёрстка макета
– Оптимизация кода
– Иерархия селекторов vs BEM
– ополнительные приёмы вёрстки
– Кроссбраузерность
– Подведение итогов курса
– Ответы на финальные вопросы
– Направление дальнейшего развития
