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

LinkedIn Learning

Building a Responsive Single-Page Design with Sass

via LinkedIn Learning

Write review
Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More → Noble Desktop Ad

Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Learn the fundamentals of Syntactically Awesome Stylesheets (Sass), a modern web development language that helps you write CSS better, faster, and with more advanced features.

Syllabus

Introduction
  • How can Sass help build sites
  • Working with the exercise files
1. Understanding Sass
  • Sass requirements
  • Build installation
2. Sass Fundamentals
  • Sass syntax
  • Using variables
  • Nesting
  • Partials
  • Parent selector
  • Mixins
  • Extend
  • Challenge: Build a button mixin
  • Solution: Build a button mixin
3. Working with SassScript
  • Interpolation
  • Placeholder selectors
  • Comments
  • Using lists
  • Each
  • For
  • Maps
  • Operators and conditionals
  • Color functions
  • Challenge: Badges
  • Solution: Badges
Conclusion
  • Next steps

Taught by

Ray Villalobos

Reviews

4.7 rating at LinkedIn Learning based on 222 ratings

Start your review of Building a Responsive Single-Page Design with Sass

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.