Sass Essential Training
1h 19mBeginner2022-03-03
Authors
Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
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. Ray Villalobos shows you the best way to install Sass and work with its main features: variables, nesting, partials, and mixins. Plus, learn how to use SassScript to create complex functions from Sass lists and control statements.
Skills covered
SassFront-End Web DevelopmentEssential TrainingWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - How can Sass help build sites
- 02 - Working with the exercise files
1. Understanding Sass
- 03 - Sass requirements
- 04 - Build installation
2. Sass Fundamentals
- 05 - Sass syntax
- 06 - Using variables
- 07 - Nesting
- 08 - Partials
- 09 - Parent selector
- 10 - Mixins
- 11 - Extend
- 12 - Challenge - Build a button mixin
- 13 - Solution - Build a button mixin
3. Working with SassScript
- 14 - Interpolation
- 15 - Placeholder selectors
- 16 - Comments
- 17 - Using lists
- 18 - Each
- 19 - For
- 20 - Maps
- 21 - Operators and conditionals
- 22 - Color functions
- 23 - Challenge - Badges
- 24 - Solution - Badges
Conclusion
- 25 - Next steps