Learn SASS: Optimize your CSS skills in Windows & Mac OSX

Learn to write faster and effective CSS with SASS, the ultimate CSS preprocessor extension
4.3 (5 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.
35 students enrolled
Instructed by Codeit 24/7 Design / Web Design
$19
$50
62% off
Take This Course
  • Lectures 27
  • Length 2.5 hours
  • 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/2015 English

Course Description

Web developers and designers work with CSS daily in all of there web activities and projects. CSS can be time consuming, complicated, and chaotic. SASS is the solution to all of your CSS problems. SASS enables you to build upon your existing CSS knowledge base without having to sacrifice time.

In this course, you will learn how to write faster and more maintainable CSS by utilizing SASS. You will learn how write and compile SASS in Visual Studio 2015 on your Windows OS and Visual Studio Code on your Mac OS X. If your CSS has not improved by utilizing the SASS concepts in this course, you can request a full refund up to 30 days of registering.

What is SASS?

SASS (Syntactically Awesome Stylesheets) is a CSS preprocessor extension and a scripting language. This CSS extension can assist you in creating beautiful and elegant websites with minimal effort. By comprehending and mastering Sass, your web design and development efficiency will sky rocket!!!

What are the requirements?

  • Sass installation (Free. I will demonstrate how to install it)
  • Visual Studio 2015 Community Version (It's Free, I will demonstrate where and how to install it for Windows)
  • Visual Studio Code Installation (It's Free, I will demonstrate where and how to install it for Mac OS X)

What am I going to get from this course?

  • Install SASS
  • Install Visual Studio 2015 Community (Free)
  • Install Visual Studio Code (Free)
  • Learn how to write and compile SASS on your Mac and Windows PC
  • Write elegant and organized code in SASS
  • Write SCSS pages
  • Import SCSS files for optimal code compilation
  • Learn SCSS language syntax
  • Create a organized and professional web project structure
  • Create mixins, variables, and functions in SCSS
  • Implement responsive design techniques with SASS
  • Utilize Inheritance and conditional statements in SCSS

What is the target audience?

  • Web developers
  • Web designers
  • Anyone who has some basic knowledge of 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 to Sass
06:08

In this lecture, I will introduce the basic concepts and features of SASS. I will discuss the differences between .SCSS and .SASS file types. This lecture will lead into the next section related to installing SASS on Windows and Mac OSX.

Section 2: Installation of Sass on Windows & Mac OS X
07:53

In this lecture, you will learn how to install Visual Studio 2015 and the Visual Studio 2015 Web Essentials Extension for Sass compilation.

02:53

In this lecture, you will learn how to install Visual Studio Code and Sass on Mac OSX.

02:47

Summary of the installation process.

Section 3: Sass Features
05:13

Windows: In this lecture, we will create our file & folder structure for our Sass project in Visual Studio 2015. You learn the baseline Sass folder structure related to modules,_partials,and vendors.

06:37

Mac OSX: In this lecture, we will create our file & folder structure in Visual Studio Code for our Sass project. You learn the baseline Sass folder structure related to modules,_partials,and vendors.

02:59

In this lecture, you will learn about the basic concepts of Sass variables.

05:17

Windows: In this lecture, we will create variables in Visual Studio 2015 for our Sass project.

08:55

Mac OSX: In this lecture, we will create variables in Visual Studio Code for our Sass project.

03:52

In this lecture, you will learn about the basic concepts of the Sass import function .

07:49

Windows: In this lecture, we will implement the import function in Visual Studio 2015 for our Sass project.

07:26

Mac OSX: In this lecture, we will implement the import function in Visual Studio Code for our Sass project.

03:16

In this lecture, you will learn about the basic concepts of the Sass mixin function .

06:25

Windows: In this lecture, we will implement the mixin function in Visual Studio 2015 for our Sass project.

05:58

Mac OSX: In this lecture, we will implement the mixin function in Visual Studio Code for our Sass project.

03:20

In this lecture, you will learn about the basic concepts of the Sass nesting function.

06:11

Windows: In this lecture, we will implement the nesting function in Visual Studio 2015 for our Sass project.

07:48

Mac OSX: In this lecture, we will implement the nesting function in Visual Studio Code for our Sass project.

03:30

In this lecture, you will learn about the basic concepts of the Sass Math functions.

07:06

Windows: In this lecture, we will implement math functions in Visual Studio 2015 for our Sass project.

09:52

Mac OSX: In this lecture, we will implement math functions in Visual Studio Code for our Sass project.

03:18

In this lecture, you will learn about the basic concepts of the Sass inheritance.

04:55

Windows: In this lecture, we will implement inheritance in Visual Studio 2015 for our Sass project.

05:39

Mac OSX: In this lecture, we will implement inheritance in Visual Studio Code for our Sass project.

Section 4: Final Thoughts & Source Code
02:29

Thank you for joining this course!!!

Article

Source Code Download for Mac OSX and WIndows

Section 5: Bonus Section
Bonus Lecture : 50% Discount on All Courses
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Codeit 24/7, IT Training

Codeit24/7 provides high quality IT training at an affordable price. We offer online educational videos in a variety subjects related to web development, operating systems management, server administration, information technology support, and much more.

Our goal is to teach complicated technical subjects to technical and nontechnical students alike. We offer self-paced learning and reference material for all of our courses.



Ready to start learning?
Take This Course