SASS tutorial - CSS preprocessor - Detailed video with code demonstration

This tutorial explains all important aspects of SASS - the CSS preprocessor with simple examples. Target Audience: Web developers with some knowledge of CSS and Javascript

In this tutorial, you will learn how to write code in SASS (syntactically awesome style sheets). The first couple of minutes explain the benefits of using a CSS preprocessor and after that detailed demonstration of SASS will enable you to start writing code in SASS right after you are done with this video.

Local setup steps are demonstrated so that you can try on your machine with ease. To actually use the SASS in your projects you would need to integrate it with your build which is not in scope of this video.

I have covered almost all important and must know features of SASS in this tutorial like - Setup, Nesting, Parent selector &, Mixins, Placeholders / inheritance, Modules, Variables, Interpolation, !default flag, difference between mixin and placeholder. The topics like functions, conditional statements, loops etc are touched to some extent considering you are a programmer already.

It is quite a detailed video and I have tried to explain the topics very clearly with very simple examples. If you have any suggestions to make, any observations, feedback, please drop a note in the comment section. That will help me improving for my future tutorials.

#CSSPreprocessors #SASS #SyntacticallyAwesomeStyleSheets

► If you are looking to start with GIT, you can have a look at the following videos: