Course
Learn Sass
Expand your CSS knowledge by learning SCSS syntax, nesting, functions, and more in this course!
This course includes
This course includes
Skill level
IntermediateTime to complete
Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary3 hoursProjects
4Prerequisites
1 courseWe suggest you complete the following courses before you get started with Learn Sass:- Learn CSS
About this course
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.
Skills you'll gain
Use Sass features like variables, mixins, and functions
Apply nesting and placeholders to simplify styles
Transition from CSS to SCSS for better maintainability
Syllabus
4 lessons • 4 projects • 4 quizzesCertificate of completion available with Plus or Pro
Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.
Projects in this course
- practice Project
Refactor CSS to SCSS
Transition a CSS codebase to embrace clean and organized SCSS. - practice Project
Sassy Parallax Banner
In this 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. - practice Project
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!
Earn a certificate of completion
Show your network you've done the work by earning a certificate of completion for each course or path you finish.- Show proofReceive a certificate that demonstrates you've completed a course or path.
- Build a collectionThe more courses and paths you complete, the more certificates you collect.
- Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.
Learn Sass course ratings and reviews
229 ratings
- 5 stars
- 4 stars
- 3 stars
- 2 stars
- 1 star
- The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.ChrisCodecademy Learner @ USA
- I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Join over 50 million learners and start Learn Sass today!
Looking for something else?
Related resources
- Article
How to Convert CSS to SCSS
Guide on converting CSS to SCSS syntax. - Article
Inline Styles in HTML
Did you know you can add CSS to HTML without using a separate file? In many cases, it comes in handy. Learn when (and when not) to use CSS inline styling. - Article
Mastering Tailwind Animations for Beginners
Learn how to use Tailwind CSS to create attractive website animations.
Related courses and paths
- Free course
Learn Sass: Fundamentals
Expand your CSS knowledge and style your sites even faster by learning Sass.Intermediate1 hour - Free course
Learn Sass: Functions and Operations
Learn how to incorporate functions, loops, operators, and conditionals in Sass.Intermediate1 hour - Free course
Learn Sass: Best Practices
Learn best practices for setting up file structure, importing stylings, and writing scalable Sass.Intermediate< 1 hour
Browse more topics
- Web development5,341,423 learners enrolled
- HTML & CSS2,564,937 learners enrolled
- Web design2,555,936 learners enrolled
- Code foundations7,968,165 learners enrolled
- Computer science6,436,401 learners enrolled
- Data science4,886,918 learners enrolled
- Python3,943,040 learners enrolled
- For business3,739,262 learners enrolled
- JavaScript3,035,521 learners enrolled
Unlock additional features with a paid plan
Practice Projects
Guided projects that help you solidify the skills and concepts you're learning.Assessments
Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.Certificate of Completion
Earn a document to prove you've completed a course or path that you can share with your network.