Русскоязычные ресурсы для изучения Sass:#
Бесплатные материалы#
Хекслет - два курса: “SASS: Основы работы” и “SASS: Программирование”
Качественная теория + практические задачи
Системный подход от основ к продвинутым темам
WebReference - полноценный курс “Основы Sass”
Подробные уроки с примерами
Объяснение разницы между Sass и SCSS синтаксисом
sass-scss.ru - руководство по основам: переменные, вложенности, миксины, наследование
Концентрированная информация на русском
Хорошо для быстрого освоения
Tproger - “Развёрнутое руководство по Sass/SCSS”
Свежая статья 2024 года
Практические примеры применения
Видеокурсы#
itProger - видеокурс SASS для начинающих с обучением переменных и функций
Пошаговые видеоуроки
Подходит для визуального восприятия
Рекомендация по изучению#
С опытом в CSS советую начать с Хекслета - там самая структурированная подача материала. Затем дополнить знания практическим руководством с sass-scss.ru для закрепления.
Пплан обучения, сочетающий оба формата:#
Этап 1: Основы (2-3 дня)#
Начни с видео - itProger курс по SASS
Получишь общее представление и мотивацию
Увидишь процесс работы в реальном времени
Затем текст - sass-scss.ru раздел “Основы”
Закрепишь теорию по переменным, вложенности, миксинам
Удобно возвращаться к справочной информации
Этап 2: Углубление (3-5 дней)#
Хекслет - курс “SASS: Основы работы”
Структурированная подача с практическими заданиями
Системное понимание инструмента
Этап 3: Продвинутые возможности (3-4 дня)#
Tproger - “Развёрнутое руководство по Sass/SCSS”
Современные подходы и лучшие практики
Продвинутые функции и возможности
Хекслет - курс “SASS: Программирование”
Циклы, условия, сложные функции
Этап 4: Практика#
Переписать 2-3 своих CSS-проекта на Sass
Создать библиотеку собственных миксинов
Совет#
Сразу установи Sass локально и практикуйся параллельно с изучением теории. Так материал лучше усвоится.
Готов начать или есть вопросы по плану?