Introduction to Sass for CSS
4.5 (65 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.
2,281 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Introduction to Sass for CSS to your Wishlist.

Add to Wishlist

Introduction to Sass for CSS

Learn Sass, the CSS pre-processor extension that will make your life a little easier.
4.5 (65 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.
2,281 students enrolled
Last updated 2/2017
English
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 41 mins on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Build alert panels in Sass
Configure Sass for development
Master CSS efficiency with Sass
View Curriculum
Requirements
  • Sass installed (free)
Description

Every current web designer will most likely have mastered CSS long ago. But believe it or not, some have not yet realised the enormous benefits Sass can add to CSS – for one thing, it opens up a whole range of features not available in CSS. Couple that with the fact that it makes CSS concise and readable, and it's a sure fire way to make CSS better as well as more fun!

Learn the Most Powerful CSS Extension Language in the World

  • Compile and work with the core features of Sass
  • Learn a stylesheet language compatible with any CSS version
  • Organise your CSS to make it more readable
  • Configure Sass for development and master CSS efficiency

Course Overview

This course is intended for web designers, web developers, and anyone else who already has a working knowledge of CSS. It does not cover Sass installation or configuration of a text editor, but instead jumps straight ahead to working with practical, real world examples of Sass in action. Therefore this course is not suitable for students who have limited or no knowledge of CSS.

During this course you will get to grips with core features of Sass like variables, inheritance, nesting and mixins, amongst others. You will learn how to build alert panels, how to configure Sass for development, and how to master CSS efficiency with Sass, making your code more readable and more concise.

After just 40 minutes, you will finish up this course with a solid knowledge of Sass which you will be able to implement immediately. And better yet, you will have rediscovered what made CSS fun in the first place!

About Sass

Sass (Syntactically Awesome Stylesheets) is a stylesheet scripting language, first emerging in 2007 and now used all over the web. Industry approved, compatible with all versions of CSS, and with more features and abilities than another CSS extension language, it's the most stable and powerful language of its kind in the world. By mastering Sass, you'll be able to create effortless and beautiful websites with a sleek, professional look.

Who is the target audience?
  • Web designers
  • Web developers
  • Anyone with a basic knowledge of CSS
  • Should not be taken If you don't know CSS
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 12 Lectures Collapse All 12 Lectures 42:46
+
Introduction to Sass
2 Lectures 06:35

Let's learn Sass with this basic guide to getting set up with Sass and working on an example project.

Preview 00:57

Compiling with Sass on the command line is easy. We can also watch for changes so we don't have to keep returning to run Sass to compile CSS.

Preview 05:38
+
Sass Basics | Learn Sass Through a Project
8 Lectures 35:01

We'll be building some alert panels so we have something at the end of our Sass learning journey. Here's what they'll look like and why using Sass is a good idea for modules like this.

Preview 01:37

Sass directory structure is important so we can stay organised as our CSS project grows larger.

Preview 04:55

Variables let us store values that we can use in CSS properties later. This is a massive benefit over vanilla CSS.

Variables
07:51

We can inherit from classes in Sass, and in this case our difference CSS selectors for each alert inherits key styles.

Inheritance
07:15

Nesting gets rid of the need for chaining selectors and allows you to nest rules within other CSS rules. Sass makes this super easy.

Nesting
02:33

Functions take arguments and return values. Let's create a Sass function to give us an rgba value for a colour we input.

Functions
04:55

Mixins contain chunks of reusable CSS code, which makes re-using selectors that require lots of vendor prefixes easier. Sass makes this easy.

Mixins
05:33

Request a Course
00:22
+
Bonus Material
2 Lectures 01:17
Bonus Lecture: Certificate of Completion
01:03

Bonus Lecture: Course Discounts
00:14
About the Instructor
Stone River eLearning
4.3 Average rating
11,916 Reviews
232,440 Students
187 Courses
230,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 370,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.