SASS & Compass from Beginner to Expert

Arkadiusz Włodarczyk, Professional teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
37 Videos (4h 20m)
    • What is SASS

      4:40
    • SASS vs LESS

      10:21
    • Ideal editor for working with SASS

      4:40
    • Installation and configuration of SASS

      11:47
    • Manually compilation of SASS

      6:26
    • What are source maps and why they are so cool

      4:27
    • How to compress your CSS files on fly

      4:55
    • How to manage your code to be cleaner

      5:42
    • What are variables and how to properly name them

      11:30
    • How to make drop-down menu using nested styles

      17:45
    • How to use mixins, how to solve problem with vendor prefixes

      19:24
    • @extend

      6:08
    • What are placeholders and when to use them

      9:29
    • Functions

      10:05
    • Conditional Statements

      5:32
    • Why Math in SASS is so cool

      14:12
    • How to use professionally Media Queries in SASS

      4:35
    • How to use variable name as value for selectors

      7:36
    • Generating small boxes selectors with mixins and interpolation

      4:49
    • Loop for

      4:28
    • Lists and @each loop

      7:15
    • What is compass

      2:06
    • What you will know after this course

      2:07
    • Installation of compass and configuration in IDE

      6:05
    • Installation of Compass and configuration manually

      6:20
    • Configuration of Compass using config.rb

      3:35
    • What are sprites

      3:45
    • Creating sprites

      10:07
    • Customization of sprites

      4:23
    • Magic sprites

      2:25
    • Mixins used for generating vendor prefixes

      9:36
    • Setting vendor prefixes browser minimum requirement

      7:36
    • How to make horizontal lists fast

      4:06
    • Vertical Rhytm

      7:01
    • Helper functions

      4:56
    • Stretching boxes

      4:24
    • What after the course

      5:35

About This Class

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:

  1. reduce the time needed for creating and maintaining a CSS code
  2. quickly create clean responsive web design
  3. divide your project into logical modules without losing website loading speed
  4. have many logical files in development and generate automatically one compressed CSS file
  5. create variables (you can save and reuse values that are used in many places)
  6. create mixins (write reusable code only once)
  7. do nesting (which makes your code easier to organize)
  8. choose colors for website on a whole new level
  9. 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.

After this course you will know how to:

  1. install SASS
  2. write clean and easy to maintain code
  3. make output CSS file automatically compressed
  4. use SASS's language syntax
  5. create a professional clean project
  6. create responsive web design using SASS

I guarantee you that after completing this course you won't want to go back to write normal CSS code. Why? Because it won't be as fast and effective as by using SASS.

6

Students

--

Projects

0

Reviews (0)

Arkadiusz Włodarczyk

Professional teacher

I am the author of 27 very popular video courses about programming, web-development and math in Poland. I've also created 7 video courses in English. Over 91,000 people enrolled in my Udemy courses. I put all my heart into creation of courses. I always try to explain everything the easiest possible way. I'm sure that my courses will help you in the programming and web development adventure :)

I believe that everyone has the ability to develop software if they are taught properly. Inclu...

See full profile

Technology Web Development CSS Styling Sass