Этот курс для тех, кто: Владеет основами вёрстки, в том числе, адаптивной. Периодически бесится при создании адаптивной вёрстки. Хочет освоить крутейший инструмент и стать мастером.

Программа.

1. Урок
Основы Flexbox
Основная и вспомогательная оси
Лёгкие вертикальные выравнивания
Адаптивка без media-запросов
Определение размера элементов

2. Урок
Разбор домашних работ
Прокачивание мастерства Flexbox
Тонкости адаптивных реализаций
Всевозможные выравнивания
Слабости flexbox без media

3. Урок
Node.js и NPM - основы магии
Gulp - сборка проекта
LESS - генератор CSS
Group CSS Media Queries
Autoprefixer - кроссбраузерность

4. Урок
Основы CSS-препроцессоров
Иерархическое написание
Переменные и примеси
Написание кода на LESS
Написание кода на SASS (SCSS)

5. Урок
Основы создания сетки
Отступы в px или в %
Margin и padding варианты
npm i smartgrid - поехали!
Настройка свойств сетки

6. Урок
Вёрстка макета
Оптимизация кода
Иерархия селекторов vs BEM
Дополнительные приёмы вёрстки
Наслаждение результатом

Информация о видео
Название: SmartGrid 2 - Продвинутая вёрстка
Автор: Дмитрий Лаврик
Год выхода: 2019
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: ~13 часов

Файл
Формат: MP4 (+доп. файлы)
Видео: AVC, 1920x1080, ~354 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Размер файла: 2.96 Gb