SASS - Beginner Crash Course
4.3 (37 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.
1,149 students enrolled
Wishlisted Wishlist

Please confirm that you want to add SASS - Beginner Crash Course to your Wishlist.

Add to Wishlist

SASS - Beginner Crash Course

Take your CSS to the next level & Speed up your web development process with Sass
4.3 (37 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.
1,149 students enrolled
Created by Sandy Ludosky
Last updated 2/2015
English
Current price: $10 Original price: $25 Discount: 60% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • You will be able to write and easily maintain object-oriented CSS with variables, mixins and functions
  • You will speed up your web development process with more work done, less code and less repetition
  • You will know how to write your own custom mixins to build even faster
  • You will understand how to perform mathematical calculations directly in your stylesheet with the operators and the functions
View Curriculum
Requirements
  • a working knowledge of HTML, CSS and Javascript is preferred
Description

What is SASS?

Sass (Syntactically awesome stylesheets) is a CSS preprocessor.

  • Sass allows to write more maintainable and more concised CSS
  • Sass allows to use great CSS features with superpowers.

  • Some features include:
    • Writing and defining Variables
    • Clear inheritance with Nested Rules
    • Using Mixins as re-usable objects
    • Doing maths with the operators (+, -, *, /) and functions
  • And, it is actively supported by a large community of developers to stay ahead.


Why use SASS ?

While CSS is a great language, it has some limitations.

For example, if you have a color code used multiple times in your stylesheet, you need to edit this one multiple times to update your design. Very tedious process!

Sass is the most reliable, stable, and powerful professional grade CSS extension language. It has been chosen as the premier CSS extension language.

Sass is great for the following reasons. :

  • Less code and repetition - allows to cut down one code and save time
  • The stylesheet are formatted nicely with a more dynamic code
  • It makes logical sense to break out CSS into multiple files with the feature

Every web developer or front-end UI engineer should use a pre-processor language over traditional CSS


In SASS - Beginner Crash Course, you will discover the power of Sass and learn to take your CSS to the next level. With several demonstrations and examples. you will see the power of the pre-processor language.


=> The objectives of this course is to help you

  • create smarter and cleaner stylesheets,
  • cut down on code,
  • keep your code DRY (Don’t Repeat Yourself) and organized.

As part of this tutorial, we will use the online application Sassmeister as a playground to compile the Sass syntax into beautiful and standard CSS.


=> Topics include :

  • Define Variables for faster maintenance.
  • Declare Mixins as reusable objects
  • Nesting for a cleaner stylesheet structure.
  • Perform mathematical calculations with the Operators and Functions

On a more advanced level, we will speak about:

  • Parametized Mixins with default
  • Inheritance and Extend
  • Placeholder
  • The @import directive

In this tutorial, you will easily and surely get started with CSS programming and learn to write better CSS.

Who is the target audience?
  • Any beginner making their first steps with a pre-processor language
Compare to Other Sass Courses
Curriculum For This Course
+
Welcome!
1 Lecture 00:51
+
SASS Basics
6 Lectures 23:34

Course Materials & Online Resources
00:12

link to online resources on Sassmeister : http://sassmeister.com/gist/84a80ae9f3dfc84a7caf

Preview 05:31

link to online resources on Sassmeister : http://sassmeister.com/gist/b6f12c0c8bd97fa2ee79

Nesting
02:31

link to online resources on Sassmeister : http://sassmeister.com/gist/eb5d74de6d1ce5f685a1

Mixins
10:02

link to online resources on Sassmeister : http://sassmeister.com/gist/99201456250b16990a32

Operators
04:22
+
SASS Advanced
6 Lectures 26:13
Intro Advanced Sass
00:46

link to online resources on Sassmeister: http://sassmeister.com/gist/5ad5854879221906140d

Parametized Mixins with default
06:46

link to online resources on Sassmeister: http://sassmeister.com/gist/b70bb3602a30bdda0a75

Extend
05:49

link to online resources on Sassmeister: http://sassmeister.com/gist/40b8d43e61dc37069eb4

Placeholder
01:28

link to online resources on Sassmeister: http://sassmeister.com/gist/76925e964cf35a1cfcf9

Built-in Functions
06:19

link to online resources on Sassmeister: http://sassmeister.com/gist/bcaa25d700e2d409d644

@import
05:05
About the Instructor
Sandy Ludosky
4.2 Average rating
1,555 Reviews
17,495 Students
22 Courses
Mobile Developer

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.