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

Scrimba

Get 20% off all career paths from fullstack to AI

CodeSignal

Learn Generative AI, Prompt Engineering, and LLMs for Free

Overview

Build a Learning Habit

Download Class Central's free printable study calendar

Download for Free

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