This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Don't Repeat Your CSS use Sass instead
Course Overview
Course Overview (1:07)
Why Sass and not CSS ?
Introduction (1:01)
What's Wrong with CSS? (2:42)
What are CSS Preprocessors, and why you should use one of them? (3:34)
What is Sass, and Should I use Sass or SCSS syntax? (2:17)
Quiz
Things to remember (1:23)
Setup the Environment
Installation of Sass CLI on Mac (10:18)
Using a Live Server and VSCODE (5:17)
How to code along with me (4:38)
Sass Fundamentals
Introduction (1:26)
Nesting and Selectors (8:11)
Sass Variables (6:01)
CSS Variables (4:09)
Quiz - Variables and Nesting
Comments (3:47)
Import and Partials (4:47)
Quiz - Comments & Imports
Mixins (2:43)
Manipulating @content (1:51)
Quiz - Mixins
Extend and Inheritance (5:00)
Quiz - Extend and Inheritance
Operators (5:27)
Quiz - Operators
Things to Remember (2:56)
Control Flow and Data Structures
Introduction (1:00)
Controlling Flow with @if @else if and @else (4:04)
Controlling flow with @for (3:12)
Controlling flow with @while (3:12)
Quiz - Loops - @for and @while
Lists (5:47)
Maps (3:22)
Quiz - Lists and Maps
Controlling flow with @each (4:35)
Quiz - @each loop
Things to Remember (1:16)
Sass Functions
Introduction (1:00)
Sass built-in functions (7:59)
Defining your own Sass functions (5:06)
Quiz - Creating a custom function
Things to Remember (0:56)
Wrapping Up
Things to Remember (4:36)
Controlling flow with @for
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock