Если совсем коротко, препроцессоры позволяют быстро и эффективно автоматизировать рутинные ежедневные операции и ускорить Front-End разработку.



-CSS препроцессор — это надстройка над CSS, которая расширяет возможности для стандартного CSS с помощью новых синтаксических конструкций.
-Препроцессоры преобразуют код, написанный на препроцессорном языке, в чистый и валидный кроссбраузерный CSS-код.
-Препроцессоры позволяют ускорить написание CSS-кода и упрощают его поддержку в будущем.
-Препроцессоры не просто позволяют писать чистый оптимизированный код быстро и в короткие сроки…
-Они существенно упрощают жизнь разработчику, могут решить быстро повседневные проблемы верстальщика и взять на себя выполнение большинства ежедневных рутинных операций.

Это видеокурс, который во всех подробностях дает теоретическое и практическое освещение всех возможностей двух наиболее популярных и востребованных на рынке CSS-препроцессоров SASS и LESS в рамках единого курса.

Содержание:

ЧАСТЬ 1. ТЕОРИЯ. ПРЕПРОЦЕССОР LESS
Урок 1. Что такое Less
Урок 2. Компиляция на клиенте
Урок 3. Компиляция на NodeJS
Урок 4. Компиляция с помощью Gulp
Урок 5. Переменные
Урок 6. Миксины. Часть 1
Урок 7. Миксины. Часть 2
Урок 8. Миксины. Часть 3
Урок 9. Вложенность
Урок 10. Операторы
Урок 11. Наследование
Урок 12. Некомпилируемые строки
Урок 13. Циклы
Урок 14. Импорты
Урок 15. Встроенные функции

ЧАСТЬ 2. ТЕОРИЯ. ПРЕПРОЦЕССОР SASS
Урок 1. Что такое SASS и SCSS
Урок 2. Настройка окружения для компиляции
Урок 3. Переменные
Урок 4. Некомпилируемые файлы настройки
Урок 5. Миксины. Часть 1
Урок 6. Миксины. Часть 2
Урок 7. Миксины. Часть 3
Урок 8. Импорты
Урок 9. Медиа запросы
Урок 10. Операторы
Урок 11. Встроенные функции
Урок 12. Создание своих функций
Урок 13. Наследование стилей
Урок 14. Условные директивы if else
Урок 15. Циклы

ЧАСТЬ 3. ТЕОРИЯ. CSS МЕТОДОЛОГИИ
Урок 1. Что такое css методологии
Урок 2. БЭМ
Урок 3. Наследование

ЧАСТЬ 4. ПРАКТИКА. ПРЕПРОЦЕССОР SASS
Урок 1. Вводный
Урок 2. Настройка рабочего окружения
Урок 3. Создание миксинов и параметров проекта
Урок 4. Блок навигации
Урок 5. Блок хедера
Урок 6. Блок авторизации
Урок 7. Блок покупки. Часть 1
Урок 8. Блок покупки. Часть 2
Урок 9. Блок покупки. Часть 3
Урок 10. Блок пакетов
Урок 11. Блок о нас
Урок 12. Блок слайдера
Урок 13. Блок преимущества
Урок 14. Блок подвала
Урок 15. Функционал слайдера и продакшн сборка

ЧАСТЬ 5. ПРАКТИКА. ПРЕПРОЦЕССОР LESS
Урок 1. Вводный
Урок 2. Настройка рабочего окружения (gulp)
Урок 3. Создание миксинов и параметров проекта
Урок 4. Блок навигации
Урок 5. Блок хедера
Урок 6. Блок функций
Урок 7. Блок преимуществ
Урок 8. Блок решений
Урок 9. Блок автора
Урок 10. Блок шагов
Урок 11. Блок подвала
Урок 12. Финальная сборка

БОНУС 1. ПРЕМИУМ КУРС ПО NODEJS: ОСНОВЫ
БОНУС 2. ПРЕМИУМ КУРС ПО GULP: ОСНОВЫ


Продажник:

Скачать: