Learn SASS and improve your CSS

Learn SASS and improve your CSS

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 2h 59m | 782 MB

Using SASS you will create CSS 10x times faster and also learn to maintain a code on a whole new level using SASS

If you want to write clean and easy to maintain code or you do not know what SASS is, then you are in the right place. After this course you will write your CSS faster – your code will be clean and easy to maintain.

SASS allows you to reduce the time needed for creating and maintaining a CSS code, quickly create clean responsive web design, divide your project into logical modules without losing website loading speed, have many logical files in development and generate automatically one compressed CSS file, create variables (you can save and reuse values that are used in many places), create mixins (write reusable code only once), do nesting (which makes your code easier to organize), choose colors for website on a whole new level, and much more. SASS is very similar to CSS so you do not need to worry about learning it from scratch. SASS is expanding CSS by additional cool features that you will get to know during my course.

A 3 hour course after completing this course you won’t want to go back to write normal CSS code.

What You Will Learn

  • Install SASS
  • Write clean and easy to maintain code in SASS
  • Import SASS files
  • Make CSS files compressed automatically
  • Use SASS’s language syntax
  • Create a professional clean project
  • Create responsive web design using SASS
Table of Contents

01 What is SASS What you will know after this course
02 SASS vs LESS
03 Ideal editor for working with SASS
04 Installation and configuration of SASS
05 Manually compilation of SASS
06 What are source maps and why they are so cool
07 How to compress your CSS files on fly
08 How to manage your code to be cleaner
09 What are variables and how to properly name them
10 How to make drop-down menu using nested-styles
11 What are mixins and how to solve problem with vendor prefixes
12 @Extend
13 What are placeholders and when to use them
14 Our own functions and built-in functions
15 Conditional Statements on practical example using function
16 Why Math in Sass is so cool
17 Professional Responsive Web Design with SASS
18 How to use variable value as a text for selector (Interpolation)
19 Generating small boxes selectors with mixins and interpolation
20 Loop @for
21 Lists
22 What’s next