Introduction to Sass

Learn a better way to write CSS
3.8 (3 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
29 students enrolled
$19
$30
37% off
Take This Course
  • Lectures 23
  • Length 1.5 hours
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2016 English

Course Description

Syntactically Awesome StyleSheets provide a number of tools to improve the organization, flexibility, and bloated style of your CSS. From variables and macros to cut down your line count, to nesting and partials to help keep your concerns separated, Sass will save you (and whoever takes over your code base) time and heartache. This course will explain each of the main features of Sass, providing examples of how each one is useful and describing how to get the most out of them. I'll also guide you through installing Sass, and then incorporating it into your website. This 90 minute course is great if you're an intermediate level web developer looking to take your styling game to the next level, and be more efficient, clean, and concise. If you're ready to make styling fun again, check it out!

What are the requirements?

  • Students will need Ruby, Rubygems, and Sass (which is a ruby gem) installed
  • Comfort with HTML and CSS
  • Familiarity with the terminal and basic programming don't hurt either!

What am I going to get from this course?

  • Compile Sass into CSS
  • Use all the features Sass offers to improve styling quality in their code base

What is the target audience?

  • This course is intended for intermediate level web developers who are very comfortable with HTML and CSS, either in a casual or professional setting. Familiarity with basic programming principles and the command line are good to have as well, but not necessary!
  • This course is not for beginners who have never created a website before, or for developers who can already write Sass and are looking for 'tips and tricks'.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Start Here
Course Overview
Preview
01:14
What is Sass?
Preview
03:04
Section 2: Getting Set Up
01:50

How to access and download exercise materials for this course

02:08

How to install ruby, rubygems, and Sass

2 questions

A brief quiz to make sure you understand key concepts in section 2

Section 3: Variables and Nesting
06:33

Introduction to the idea of namespaces and nesting in SCSS

04:24

Introduction to the syntax and semantics of variables in Sass.

Variables and Nesting: Best Practices
05:39
Section 4: Inheritance and Mixins
02:39

Introduce the idea of inheritance using @extend

03:41

Introduce inheritance using @mixin

A little more on Mixins
03:53
Section 5: Operators
Introduction to Operators
04:54
04:50

Operations and Color

Section 6: Conditionals and Iterables
05:26

Introduce the ideal of conditional statements and show examples

06:34

Description of for loops in sass, and an example of how they're used.

07:34

Introduction to Lists in Sass

03:52

An introduction to Maps in Sass, and example of how to use them

Section 7: Functions
Introduction to Functions
01:32
Function Example
02:33
Color Functions
05:07
String and Number functions
03:27
List and Map Functions
04:33
Section 8: Conclusion
Partial Files
05:05
Output Formats
03:45

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Lucy Wyman, Front End Engineer

Lucy is a senior studying computer science at Oregon State University. Last summer she worked for Puppet Labs as an Engineering Intern, where she helped build and maintain the front-end (emberjs) and middleware (clojure) for Puppet Enterprise Console. During the school year she works as a Front-End Engineer for the OSU Open Source Lab. Lucy specializes in web development, and is proficient in HTML, Sass/CSS, Javascript and Python, as well as C/C++, Ruby, and Haskell. In addition, she leads DevOps BootCamp, an outreach program for budding software developers, is Vice President of the OSU Linux Users Group, and is a Body Pump Instructor. In her spare time Lucy enjoys running, cooking, and sewing.

Ready to start learning?
Take This Course