Learn SASS: Optimize your CSS skills in Windows & Mac OSX
4.4 (6 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.
43 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn SASS: Optimize your CSS skills in Windows & Mac OSX to your Wishlist.

Add to Wishlist

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.4 (6 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.
43 students enrolled
Created by Codeit 24/7
Last updated 4/2016
English
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 2 Articles
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
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
View Curriculum
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)
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!!!

Who is the target audience?
  • Web developers
  • Web designers
  • Anyone who has some basic knowledge of CSS
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 27 Lectures Collapse All 27 Lectures 02:17:49
+
Introduction to Sass
1 Lecture 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.

Preview 06:08
+
Installation of Sass on Windows & Mac OS X
3 Lectures 13:33

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

Preview 07:53

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

Mac OSX - Installation of Visual Studio Code & SASS
02:53

Summary of the installation process.

Installation Summary
02:47
+
Sass Features
20 Lectures 01:55:26

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.

Windows - Sass File and Folder Structure
05:13

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.

Mac OSX - Sass File & Folder Structure
06:37

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

Sass Variables
02:59

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

Windows - Sass Variables
05:17

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

Mac OSX - Sass Variables
08:55

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

Sass Import
03:52

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

Windows - Sass Import
07:49

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

Mac OSX - Sass Import
07:26

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

Sass Mixins
03:16

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

Windows - Sass Mixin
06:25

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

Mac OSX - Sass Mixin
05:58

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

Sass Nesting
03:20

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

Windows - Sass Nesting
06:11

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

Mac OSX - Sass Nesting
07:48

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

Sass Math
03:30

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

Windows - Sass Math
07:06

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

Mac OSX - Sass Math
09:52

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

Sass Inheritance
03:18

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

Windows - Sass Inheritance
04:55

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

Mac OSX - Sass Inheritance
05:39
+
Final Thoughts & Source Code
2 Lectures 02:29

Thank you for joining this course!!!

Thank You!!!
02:29

Source Code Download for Mac OSX and WIndows

Source Code
00:00
+
Bonus Section
1 Lecture 00:15
Bonus Lecture : 50% Discount on All Courses
00:15
About the Instructor
Codeit 24/7
4.2 Average rating
1,062 Reviews
11,664 Students
6 Courses
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.