Learn SASS and improve your CSS

Using SASS you will create CSS 10x times faster. I'll teach you how to maintain a code on a whole new level using SASS
4.3 (24 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,809 students enrolled
$30
Take This Course
  • Lectures 24
  • Contents Video: 3 hours
    Other: 1 min
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2014 English

Course Description

If you want to write clean 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 will be clean and easy to maintain.

SASS allows you to:

  1. reduce the time needed for creating and maintaing CSS code
  2. create fast 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 learn about in this 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.

I give you 100% satisfaction - if you do not like my course you can request a full refund up to 30 days. Remember that if you have any questions regarding topics covered in the course please feel free to ask. I'm always happy to help!

Please check free lessons before buying! See for yourself the great quality of the course and enjoy it!

So JOIN NOW and save your precious time. Learn SASS faster with my course.

What are the requirements?

  • You should already be familiar with basics of HTML and CSS.

What am I going to get from this course?

  • 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

What is the target audience?

  • This SASS course is meant for people who doesn't have any knowledge about SASS or for the students looking for a new way of writing code to be more clean. This course assumes you know basics of HTML and CSS.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
What is SASS? What you will know after this course?
Preview
04:40
10:21

What is better SASS or LESS?

Section 2: Installation
04:40

We are downloading Netbeans and installing Java JDK

11:47

What is Ruby and why you need it? You will learn how to isntall Ruby/SASS and configure it properly in Netbeans. You will leanr how to write simple code in SASS. You will also learn how to analyze errors and how to run project in Netbeans so you can watch everything done in SASS 'on live'. You will also be shown an online compiler of SASS.

06:26

You might not want to use Netbeans even tho it's really great IDE. how to compile SASS without any editor? How to make it so SASS automatically compiles? After this lesson you will know how to manually compile SASS files.

Solution for problems with SSL when installing SASS
Article
Section 3: Code Managament
04:27

Using source maps you can associate styles written in SASS to the output CSS styles which will let you later instantly get to the code you want to edit.

04:55

You will learn how to manage your code so your CSS files is gonna be very small (compressed) and you will still maintain very readable code thanks to SASS. Because of it your websites will load faster and you won't lose your time for compressing CSS file.

05:42

How to import SASS files? How to make your code cleaner and easier to manage. How to make SASS file that is not gonna be compiled into CSS file? How to make a file that purpose is being a library for other SASS files?

Section 4: Syntax
11:30

What are variables? How to name properly variables so there won't be later any problems? What conventions are used to name variables?

17:45

How to improve writing speed of our code and in the same time to make it cleaner using nested styles? You will be shown how to use nested styles without generating useless code on practical example (drop-down menu)

19:24

What are mixins and how to use them? You will learn what is the best way to solve vendor prefixes problem. You will also learn history of vendor prefixes and why they are the problem ;)

06:08

What is @extend and when you should use extend over mixin

09:29

What is placeholder and what differs it from mixins. When you should use mixin and when placeholder?

10:05

What are functions and how to create them? How to use built in functions in SASS. You will see very important functions that will make your life of developer easier for creating colors on your website.

05:32

You will know what are conditional statements and how to use them. In this lesson we create a functions that automatically changes the contrast between background and text.

8 questions

Let's check how you know SASS syntax... do you know how to make your code cleaner?

Section 5: Real life examples
14:13

You will know why Math in SASS is so cool. When to use it on practical real life example that we gonna write through 3 lessons showing new features. In addition to this you gonna train things taught in section 4.

04:35

How to create Responsive Web Design elements on your websites using media queries and SASS? After this lesson you will know how to professionally design your code so your elements in SASS. Your elements will change size when the resolution is gonna be changed.

07:36

How to use variable value as a text for selector? After this lesson you will know what is interpolation and how to use it on real life example.

04:49

Interpolation in SASS, next example where you will learn how to generate with mixins new selectors by sending name of it as variable.

Section 6: Advanced
04:28

What is and how to use loop @for on real life example.

07:15

What are lists and how to use them using @each loop.

Section 7: Summary
03:24

What should you learn after this course?

Thanks note with a small gift
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Arkadiusz Włodarczyk, Excellent teacher, Expert in Programming

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 14,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. Including you. I'm going to give you the context of each new concept I teach you. After my course you will finally understand everything that you code.

I've been developing websites for over 14 years and i've been programming for over 10 years. I have enormous experience in that matter and I want to share with you my knowledge.

If you have any questions regarding covered topics please feel free to ask.

Ready to start learning?
Take This Course