Give Your CSS Superpowers with Sass

Lesson 1, Step 1: Getting the most from this course

Watching the Videos

Please note that these videos include a lot of code and I filmed them in HD. To see the code clearly, you need to watch the videos in HD mode and you should put the video player in full screen mode. You actually have to click on the “HD” in the player to make sure that “hd” is selected. It always will show “hd” there even you are playing the videos in “sd” mode.

Lesson Notes and Course Discussion

The links for videos are found under the Lesson Notes tabs. Each video also has Course Discussion where you can ask questions and read the answers to previously asked questions. You might want to scan the course discussion before viewing the video to be aware of any trouble previous students have encountered.

Transcripts

All videos in this course will have the options for closed captioning. However, I will be moving fast in this course, and sometimes the captions will cover up the screen. For this reason, I am attaching the transcripts for each lesson, so you have them to read at your leisure and your own pace.

If you don’t need captioning, please don’t feel you need to read the transcripts. It is the exact same content as presented in the video.

Courses Outline

Lesson 1: Intro
Free
Getting the most from this course
Introduction
4:31
Lesson 2: Installing Sass
Installing Sass
5:36
Lesson 3: Class Project
Project Code
Class Project
4:52
Lesson 4: Compiling Sass
Convert Project into a Sass Project
4:58
Lesson 5: Variables
Sass Variables
6:26
Lesson 6: Comments
Sass Comments
2:54
Lesson 7: Nesting
Nesting
6:46
Nesting Code
Lesson 8: Extend
Extend Demo Code
Extend
8:44
Lesson 9: Mixins
Mixin Demo Code
Mixins
11:00
Lesson 10: Parent Selector
Parent Selector
8:14
Lesson 11: Import
Import
6:20
Lesson 12: Next Steps
Sass Resources
Next Steps
4:54