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

Mobile Web Development
Google via Udacity iDESWEB, Introducción al desarrollo web
Miríadax Information Design
University of California, San Diego via Coursera Advanced Styling with Responsive Design
University of Michigan via Coursera Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera