Theory: Introduction

This course on SASS programming is a direct continuation of the CSS: SASS. It may seem quite complicated for those who just started their way in the developing world because we will first encounter the concept of functions, arguments, loops, and conditional constructions. We will learn how to work with numbers and strings and discuss the existence of specific data types, such as boolean values.

Programming in SASS not only allows us to avoid code repetition or make it more structured. It opens up new possibilities for us to generate classes, to create styles depending on the settings.

A good example is having two color schemes on a project. Using SASS, we can freely separate the light/dark theme styles and plug/compile them as needed.

By the end of the course, you will have learned how to work with functions and mixins. You will be able to generate similar classes with a single function. It's much nicer to generate classes like mt-5, mt-10, and so on with a few lines of code without constantly copying and including the correct styles with mixins, as we did in the previous course.

If any topics seem difficult to you, don't worry because you can always return to this course. The Introduction to Programming course can also help you to find related topics.

Practice

Many of the lessons in this course will have practice. Try not to do the bare minimum. Experiment with the code and features you've learned after you pass the assignment.

CodePen

Another way to apply the skills you learned from the course is to use the CodePen service. You can create your pen and specify the SASS preprocessor usage in the CSS settings.