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.
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.
Codecademy courses have been taken by employees at
Refactor CSS to SCSS
Transition a CSS codebase to embrace clean and organized SCSS.
Sassy Parallax Banner
It's time to build fluency in a CSS preprocessor. In this next Pro Project, we're going to practice parallax scrolling in Sass so you can hone your skills and feel confident taking them to the real world. Why? Parallax scrolling is a popular method used on many landing pages to give them a professional feel. What's next? A travel agency, a stylish banner, more Sass. You got this!
Sass Bar Chart
It's time to build fluency in a CSS preprocessor. In this next Pro Project, we're going to practice charts in Sass so you can hone your skills and feel confident taking them to the real world. Why? Sass is a powerful tool that allows you to build awesome visualizations with pure styling. What's next? Top 10 produce, charts without code, more Sass. You got this!
— Madelyn, Pinterest
I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.
Expand your CSS knowledge by learning SCSS syntax, nesting, functions, and more in this course!
Earn a certificate of completion
7 hours to complete in total