CSSis great, but it has its limitations, which can feel like a lot sometimes. In comes SASS, with its programming-like features to take styling apps to the next level.
SASSallows us to create variables, flow controls like loops and conditional statements, mathematical operations, functions, mixins and so much more directly in our styles so we don't have to rely on the roundabout ways of JavaScript to do the same.
In this course, you'll learn all the basics of SASSso you can start using it in your web design projects today.
What would you learn in this course?
The fundamentals of SASS
How SASS helps over CSS and why we need it
How to install and setup SASS
How to create variables to store different kinds of values from strings to numbers to booleans to mixed lists and maps.
How to use conditional statements with SASS and use them in if, else, if else statements.
How to use loops with SASS and how to create while and for loops.
How to use 'Each' to loop through lists and maps.
How to use functions to return values of complex calculations and bring in a new layer of automation to your CSS values.
How to use mixins to automatically add CSS styles, with dynamic values in multiple elements and classes.
How to inherit from other elements and save a tons of lines of code.
and so much more!
Who is this course for?
Web designers who'd love to go to the next level with their designs
Web developers who'd like to dive deeper into web designing by learning SASS, which is similar to JavaScript.
How is this course designed:
Module 1 :Introduction &Setup - In this module, we'll learn all about the importance of SASSin web design, setting up SASSfiles, compiling those files into CSS files and a bunch of examples.
Module 2 :SASSfundamentals - In this module, we'll delve deeper into SASS and learn all about the SASSfile structure, comments in SASS, variables, variable scope, data types, lists, maps, creating partial files for modularized code and math operations in SASS.
Module 3 : Nested, parent selectors & more - In this module, we'll learn all about flow control. Let's learn about creating conditional statements like if, else, if else and more and looping through lists and maps with the 'Each' statement and creating custom loops with while and for statements.
Module 4 :SASSconditionals and loops - In this module, we'll learn all about flow control. Let's learn about creating conditional statements like if, else, if else and more and looping through lists and maps with the 'Each' statement and creating custom loops with while and for statements.
Module 5 : Functions &Mixins - In this module, we'll learn all about flow control. Let's learn about creating conditional statements like if, else, if else and more and looping through lists and maps with the 'Each' statement and creating custom loops with while and for statements.
So, what are you waiting for?Supercharge your CSS code with by adding the magic of SASSto your skillsets and resume today. Have fun!:)
