Complete SASS course for beginners w/ real world projects

Learn about SASS with CSS and its programming features like variables, conditions, loops, functions, mixins, inheritence

CSS is 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.

What you’ll learn

  • The fundamentals of SASS.
  • How SASS helps over CSS and why we need it.
  • How to install and setup SASS.
  • How to use conditional statements with SASS.
  • How to use loops with SASS.

Course Content

  • Introduction & Setup –> 4 lectures • 28min.
  • SASS Fundamentals –> 9 lectures • 1hr 35min.
  • Nested, Parent Selectors & More –> 4 lectures • 34min.
  • SASS conditionals & Loops –> 5 lectures • 43min.
  • Functions & Mixins –> 4 lectures • 47min.

Auto Draft

Requirements

CSS is 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.

SASS allows 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 SASS so you can start using it in your web design projects today.

 

What would you learn in this course? 

  1. The fundamentals of SASS
  2. How SASS helps over CSS and why we need it
  3. How to install and setup SASS
  4. How to create variables to store different kinds of values from strings to numbers to booleans to mixed lists and maps.
  5. How to use conditional statements with SASS and use them in if, else, if else statements.
  6. How to use loops with SASS and how to create while and for loops.
  7. How to use ‘Each’ to loop through lists and maps.
  8. How to use functions to return values of complex calculations and bring in a new layer of automation to your CSS values.
  9. How to use mixins to automatically add CSS styles, with dynamic values in multiple elements and classes.
  10. How to inherit from other elements and save a tons of lines of code.and so much more!

 

Who is this course for? 

  1. Web designers who’d love to go to the next level with their designs
  2. 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 SASS in web design, setting up SASS files, compiling those files into CSS files and a bunch of examples.

Module 2 : SASS fundamentals – In this module, we’ll delve deeper into SASS and learn all about the SASS file 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 :SASS conditionals 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 SASS to your skillsets and resume today. Have fun! 🙂