LiveInternet

Если Вы используете bootstrap, понимаете его минусы и хотите использовать самые современные технологии, то данный курс однозначно для Вас. Детально изучить flexbox, научиться использовать NPM, Gulp.

Программа курса:

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

2. Flex-direction: column
- Нюансы переноса элементов
- Вертикальные и горизонтальные отступы
- Смена порядка следования элементов
- Задачи, для которых flex неудобен

3. Node.js и NPM - основы магии
- Gulp - сборка проекта
- Autoprefixer - кроссбраузерность
- Concat - соединение файлов
- Sourcemaps - удобная отладка

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

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

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

Информация о видео
Название: Продвинутая вёрстка
Автор: Лаврик Дмитрий
Год выхода: 2020
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: ~18 часов
Формат: MP4 (+доп.файлы)
Видео: AVC, 1920x1080, ~236 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Размер файла: 3.71 Gb