Introduction to Sass

Introduction to Sass online course
Course Name

Introduction to Sass

CSS is anything but DRY (Don’t Repeat Yourself).

We’re constantly writing the same snippets of code for colors, fonts, and frequently-used patterns of style throughout our stylesheets. This means that CSS stylesheets can be immensely repetitive: Colors, fonts, oft-used groupings of properties, etc.

As interfaces and web applications become more robust and complex, we’re bending the original design of CSS to do things it never dreamed of doing. Here comes Sass (Syntactically Awesome Stylesheets) to the rescue!

Sass is a CSS preprocessor—a layer between the stylesheets you author and the .css files you serve to the browser. Sass plugs the holes in CSS as a language, allowing you to write DRY code that’ll be faster, more efficient, and easier to maintain.

So while normal CSS doesn’t yet allow things like variables, mixins (reusable blocks of styles), and other goodies, Sass provides a syntax that does all of that and more—enabling “super functionality” in addition to your normal CSS.

    Objectives for this class are:
  • Understand the benefits of Sass in web design
  • Advantages of modularizing your CSS with Sass
  • How to compile Sass code and integrate in existing web projects
  • Learn the style guide of writing Sass code
  • Know the basic building blocks of Sass: variables, mixins, condition logic, and functions

Applicable Job Roles: web designers, webmasters, web programmers, and web application developers, and any IT related job

Outline
Week 1: Sass Basics
  • History of Sass
  • CSS Pre-processors
  • Sass vs SCSS
  • Sass style guide
  • OOCSS (Object Oriented Cascading Stylesheet)
  • Compiling Sass:
    • Compilers in web editors
    • GUI-based tools
    • Compiling manually
Week 2: Creating Variables and Mixins
  • Creating variables
  • Working across multiple files
  • Building mixins
  • Using pre-built mixin libraries
Week 3: Building Function, Operations and Nested Styles
  • Creating values using functions and operators
  • Building site themes using functions
  • Constructing layouts
  • Using inpterpolation
  • Working with @extend directive
Week 4: Implementing Sass into Projects
  • Converting existing projects to use Sass
  • Incorporating CSS grids
  • Applying Sass to frameworks (ie. Bootstrap)
Prerequisites
No prerequisites for this class.
Requirements
  • You will need either a Windows or Mac machine to participate in this class
Course Books
No book is required for this class.
[
]
Course Price
  • Member Price: $80 US
  • Non-Member Price: $180.00 US
[Register Now]

Additional Information:
Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training.

Refund Policy: Please read our "Terms and Refund Policy" before registering for this course.

Additional Cost: Book and software migh be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

Start Date: Click on the Register Now button to process to the registration page. You will see the start date of the class on that page.

How eClasses Work:Instructors post lectures, reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class. Web Study certificate is also available. Click on the Certificates link on the top navigation bar for more information.

 

Register Now

Before you register for this class, please read carefully the Outline, Prerequisites, Requirements, Books, and Refund Policy sections.


4 Web Study Certificates

 Valid XHTML 1.0 Transitional  Valid CSS!  Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Introduction to Dreamweaver Online CourseDreamweaver Online CourseBuilding Data-Driven Websites Course
Web Videography CourseIntroduction to Microsoft Excel - Online CourseDigital Market Research Course
Contracting Your Services - Online CourseBlog Content Writing Course - OnlineWeb Content Writing Skills Course
DNS Administration CourseGoogle Web Analyics CourseWordpress Theme Design Course
Wordpress Content Management CourseDrupal Beginner CourseProject Management Training Course
Joomla Training CourseWeb Design Legal Issues CourseInteractive e-Survey Strategies Course
Search Engine Optimization CourseWebsite Promotion and Marketing Course - OnlineEmail Marketing Course Strategies
Social media Marketing CourseInternet Marketing Strategies CourseWeb Design Concepts Training Course
Web Design Course Training OnlineResponsive Web Design Training CourseIntroduction to Bootstrap Training Course
Introduction to Photoshop CC CourseAdobe InDesign CourseAdobe Illustrator Online Course
Mobile Web Design Online CourseHTML5 Online CourseCSS3 Online Course
Introduction to Sass Online CourseWeb Animation with CSS and JavaScript Online CourseSQL Using MySQL Online Web Training
SQL Server Online CoursePHP Online CoursePHP Online Course
JavaScript for Beginners Online Web TrainingJavaScript Level 2 Online CoursejQuery Web Programming Online Course
PHP Online CourseJavaScript for Beginners Online Web TrainingXML Web Programming Online Course