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

Codecademy

Learn Sass

via Codecademy

Go to class Write review
Datacamp Ad

PowerBI Data Analyst - Create visualizations and dashboards from scratch

Learn More → CodeSignal Ad

Introduction to Programming with Python

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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 240 ratings

Start your review of Learn Sass

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.