[Лаврик] SmartGrid 2 - Продвинутая вёрстка (2019)

[Madam Sophia]

Автор: Лаврик

Название: SmartGrid 2 - Продвинутая вёрстка (2019)

Описание:

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

Программа.

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

Дополнительные приёмы вёрстки

Наслаждение результатом

Продажник:

Трёхнедельный онлайн курс по продвинутой вёрстке от Дмитрия Лаврика

Скачать: