Building a Responsive Single-Page Design with Sass

Offered By: LinkedIn Learning

Course Description

Overview

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

Related Courses

Digital Signal Processing
École Polytechnique Fédérale de Lausanne via Coursera Computational Science and Engineering using Python
Indian Institute of Technology, Kharagpur via Swayam Computational Thinking for Modeling and Simulation
Massachusetts Institute of Technology via edX Introduction to numerical analysis
Higher School of Economics via Coursera Métodos numéricos para matemáticas con Octave
Universitat Politècnica de València via edX