CSS Processors Training

Overview

Rating:
Duration:
( - Eastern)
Cost:
$325.00
CSS Processors Logo

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.

Live Online Schedule

  • Jul 13
  • Aug 31
  • Sep 28

Prerequisites

A basic understanding of CSS.

Requirements

You will need the following software/setup for this class:

None.

Topics

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