Description

Dave Moran – Learn SASS and SCSS

As a developer, you know the importance of CSS— and you also know how CSS can become cumbersome, disorganized and repetitive. Maybe your CSS performs poorly, or, maybe your just spending too much time digging through CSS code to solve minor display issues.

Stop wasting time tearing your hair out over confusing or poor performing CSS.

With Learn SASS and SCSS with Dave Moran, you’ll be introduced to to the technologies of SASS (Syntactically Awesome Style Sheets) and SCSS (Sassy CSS). If you’re not familiar with these important advances in the CSS world, SASS is a CSS pre-processor with syntax advancements. Style sheets in the advanced syntax are processed, and turned into regular CSS style sheets. SCSS is a super set of CSS, expanded to accommodate the features of SASS. SASS can be used with any version of CSS and all CSS libraries are compatible.

In this course you’ll do more than watch demonstrations from an expert instructor. Dave will invite you to code along as you go from SASS newbie to expert. You’ll complete this course ready to integrate SASS workflow and SCSS syntax in to your own development projects. To insure that you retain the information presented, Dave has prepared several code exercises to help you get the hang of things.

With over 1,000,000 enrollments world wide LearnToProgram brings you instructors who are teachers first- Our instructors are able to take complex technical information and make it understandable for just about anyone. Dave Moran is no exception and you will find his teaching style to be both comfortable and immediately understandable as you learn SASS and SCSS.

Welcome to Learn SASS and SCSS with Dave Moran. See you in class!

Introduction to SASS
StartMeet your Instructor (0:44)
StartWelcome to SASS (1:11)
StartCourse Layout (1:05)
StartInstallation (Mac) (1:53)
StartInstallation (Windows) (11:53)
StartCreating a New SASS Project (6:11)
StartWrap Up: Introduction (0:24)
Let’s Make a Nest: Nesting With SASS
StartIntroduction (0:36)
StartBuilding a Nest (3:09)
StartCreate a Project (5:25)
StartNesting + Inheritance (12:05)
StartCalling the Parent (8:46)
StartBuilding a vCard (6:04)
StartWrap Up: Nesting (0:35)
Separation is Natural: Segmenting our Code for Cleaner SCSS
StartIntroduction to Segmentation (0:40)
StartWhy Segment (2:32)
StartSegmenting Core styles (7:39)
StartSegmenting Elements (4:43)
StartBuilding a Landing Page, Part 1 (11:54)
StartWrapping Up: Segmentation (0:32)
Varied Sassyness
StartIntroduction to Working with Variables (0:40)
StartWorking with Variables (3:14)
StartVariables in the Main SASS file (7:24)
StartVariables in local SASS files (8:40)
StartVariable Scope: Global vs. Local (2:39)
StartBuilding a Landing Page, Part 2 (9:57)
StartWrapping Up: Variables (0:35)
Mixins, Placeholders, Plugins, Oh My
StartLet’s mix it up (0:37)
StartWhat are mixins? (6:18)
StartWhat is Inheritance? (8:11)
StartPlugins: Bourbon (6:37)
StartFunctions in SASS (7:06)
StartBuilding a Landing Page, final (7:47)
StartWrapping Up: Mixins (0:29)
Final Chapter: Best Practices
StartIntroduction (0:31)
StartBest Practices: Nesting (9:02)
StartBest Practices: Segmentation (9:14)
StartBest Practices: Variables (5:20)
StartBest Practices: Mixins (7:59)
StartLanding Page Audit (8:11)
StartCongratulations (0:15)