Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Learn Sass

Go to class Write review

Details

Provider

Codecademy
Pricing

Free Trial Available
Languages

English
Certificate

Certificate Available
Effort

3 hours
Sessions

Self-Paced
Level

Intermediate

Found in

Boot.dev

The Most Addictive Python and SQL Courses

Coursera

Google Data Analytics, IBM AI & Meta Marketing — All in One Subscription

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off

One annual plan covers every course and certificate on Coursera. 40% off for a limited time.

Get Full Access

Sass is a powerful CSS preprocessor that makes styling more efficient and maintainable. By reducing repetitive code and offering features like variables and mixins, Sass helps you write scalable and reusable styles quickly. This course will teach you to transition from CSS to SCSS and streamline your workflow for small and large projects.

Syllabus

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

Taught by

Kenny Lin

Reviews

4.2 rating at Codecademy based on 241 ratings

Start your review of Learn Sass