Введение

Курс по программированию на SASS является прямым продолжением курса CSS: SASS. Курс может показаться достаточно сложным для тех, кто только начинает свой путь в мир разработки, так как в нём мы впервые встретимся с понятием функций, аргументов, циклов, условных конструкций. Научимся работать с числами и строками. Узнаем о существовании специфичных типов данных, таких как булевые значения.

Программирование на SASS позволяет нам не только избежать повторение кода или сделать его более структурированным. Это открывает нам новые возможности по генерации классов, создания стилей в зависимости от настроек.

Хорошим примером является наличие двух цветовых оформлений на проекте. С помощью SASS мы можем свободно разделить стили для светлой и тёмной темы, и подключать/компилировать их при необходимости.

К концу курса вы научитесь работать с функциями, узнаете о том, что миксины тоже являются функциями. Сможете генерировать похожие классы с помощью одной единственной функции. Согласитесь, что намного приятнее сгенерировать такие классы, как mt-5, mt-10 и так далее с помощью нескольких строк кода, не прибегая к постоянному копированию и включению нужных стилей с помощью миксинов, как мы делали в предыдущем курсе.

Если какие-то темы покажутся вам сложными, то не переживайте. К этому курсу всегда можно вернуться. Также вам может помочь курс Введение в программирование в котором вы можете найти смежные темы.

Практика

Многие из уроков в данном курсе будут иметь практики. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.

CodePen

Другой возможностью применить навыки, полученные при работе с курсом — использование сервиса codepen. Вы можете создать свой pen и в настройках CSS указать использование препроцессора SASS.