Посетители сайта SoftLabirint – Для Вас видеокурс " Продвинутая вёрстка". Если Вы используете 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
- Дополнительные приёмы вёрстки
- Кроссбраузерность