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


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 might be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

How eClasses Work:Instructors post lectures (text-based, no video or audio), 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.

4811

Price: $180.00
WITI Price: $120.00
Course No.: H155
Instructor Frank Stepanski
Co-instructor/TA
CEUs 2
Duration 4 weeks
Cost
Open Courses:
- Start Date: Aug 21, 2017
(Register by: Aug 24, 2017)
- Start Date: Sep 18, 2017
(Register by: Sep 21, 2017)
- Start Date: Oct 16, 2017
(Register by: Oct 19, 2017)
- Start Date: Nov 13, 2017
(Register by: Nov 16, 2017)
Instructor's Profile:
InstructorFrank Stepanski has over 10 years experience in the IT field as a Web Developer. Frank has worked with technologies such as PHP, MySQL, ASP.NET, SQL Server as well as HTML, CSS and JavaScript. He has a Masters Degree in Software Engineering from Penn State University. He has also taught web programming classes at a local community college.
Before you register for this class, please read the Outline, Prerequisites, Requirements, Books, and Refund Policy sections carefully.
 

 Testimonials

Sorry, no testimonial has been posted for this course!

Ratings