Duration
1 day (10:00 AM - 5:00 PM Eastern)
Cost
$285.00

Online Training

Do you want to take an online, instructor-led class?

Onsite Training

Do you have five (5) or more people needing this class and want us to deliver it at your location?

Details

Subjects Covered

Prerequisites

Setup Requirements

Details

Course Details

CSS Processors provides a practical and detailed introduction to the world of CSS processors. A CSS pre-processor is a program that takes the data of one language and converts the data into CSS upon compilation. A CSS post-processor takes existing CSS and refurbishes it to meet the standards of today's browsers. The modern landscape of CSS has been transformed by processors such as LESS, Sass, Stylus, PostCSS and others. The implementation of CSS processors in the workflow boosts efficiency and enforces the DRY (Don't Repeat Yourself) rule. Developers responsible for front-end development and CSS styling are the ideal audience for this course.

Subjects Covered

CSS Processors

  • Introduction to CSS Processors
    • Overview of Pre-processors
    • Overview of Post-processors
    • The CSS Workflow
    • Pros and Cons
  • CSS Pre-processors
    • LESS
    • Sass
    • Stylus
  • CSS Post-processors
    • PostCSS
    • Pleeease
    • Stylecow
    • Garden (Clojure)
  • Features and Functionality
    • Syntax
    • Variables
    • Nesting
    • Mixins
    • Inheritance
    • Importing
    • Color Functions
    • Operations
    • Prefixes
    • Fallbacks
    • Minification
    • Sourcemap Generators
    • Single @media Rule
  • A Deeper Look at PostCSS
    • CSS Parser
    • Abstract Syntax Tree (AST)
    • CSS Generator
    • Code Map Generator
    • Autoprefixer
    • CSSNext
    • CSS Modules
    • Font-Magician
    • Stylelint
    • PreCSS
  • Choosing a CSS Workflow
    • LESS vs. Sass vs. Stylus
    • Using PostCSS with Plugins
    • Using LESS, Sass or Stylus with PostCSS
    • Full Clojure Stack: Clojure + ClojureScript + Garden

Prerequisites

Before Taking this Class

A basic understanding of CSS.

Setup Requirements

Software/Setup For this Class

None.