Learn Sass

Expand your CSS knowledge by learning SCSS syntax, nesting, functions, and more in this course!

### Why Learn Sass?
Sass is an easy-to-use styling language that helps reduce a lot of the repetition and maintainability challenges of traditional CSS. Learning Sass will not only let you scale styles when working on big web development projects, it will also make it much faster and more efficient to write reusable styles from scratch for smaller projects.

### Take-Away Skills:
This course will teach you how to use nesting, variables, mixins, placeholders, and functions to write more expressive and reusable styles. At the end of the course, you will be able to transition a CSS codebase to SCSS and style multiple websites.

### Note on Prerequisites:
We recommend you complete Learn CSS, particularly the basics of working with CSS selectors and visual rules, before taking this course.

• Create a Sass Stylesheet: Style your own lemonade stand's website by compiling Sass and learning to use variables and nested selectors.
• Lesson: Your First Sass Stylesheet
• Project: Refactor CSS to SCSS
• Quiz: Variables and Nesting
• Mixins and the & Selector: Learn how to use mixins and the & selector to create an interactive index card that flips when you hover.
• Lesson: Mixins and the & Selector
• Project: Sassy Parallax Banner
• Quiz: Mixins and the & Selector
• Functions and Operations: Learn to use Sass functions, loops, and conditions to style different components of a webpage.
• Lesson: Functions and Operations
• Project: Sass Bar Chart
• Quiz: Functions and Operations
• Sustainable SCSS: Learn about the best Sass practices such as partial files, placeholders and @import.
• Lesson: Sustainable SCSS
• Project: Animated Company Logo
• Quiz: Sustainable SCSS