Introducción

• ¿Qué es un preprocesador?
• Flujo de trabajo con un preprocesador
• Probar Sass desde el navegador
• Usar un compilador gráfico (Prepros)
• Compilar Sass por línea de comandos
• Otras herramientas para compilar

Sintaxis

• $variables (scoping y !default)
• Anidamiento (nesting y @at-root)
• @import y _partials
• @extend
• // Comentarios
• Tipos de datos
• Operaciones
• Interpolación
• @directivas
• %placeholders

Mixins

• Directivas @mixin e @include
• Pasar argumentos
• @content
• @media queries

Funciones

• Funciones nativas en Sass
• Directiva @function
• ¿Usar mixins o funciones?
• Parámetros y argumentos

Iteraciones y Condicionales

• @if
• @for
• @each
• @while
• Recorrer maps y lists

Funciones Avanzadas

• Introspección
• Funciones de listas y mapas
• Funciones de números
• Funciones de selectores

Color

• Funciones nativas de color
• Crear paletas de color
• Modos de color (RGB, HSL, HSB)

Debuggin

• Sourcemaps
• Tipos de compilación
• @warn
• @debug
• @error

Librerías y Frameworks

• Compass
• Bourbon
• Neat
• Foundation
• Bootstrap
• Jeet

Ejercicio Final

• Aplicación movil a partir de un mockup entregado por el diseñador.
• Planificación de la estructura del proyecto
• Crear estilos modulares
• BEM, SMACSS, OOCSS
• Test del proyecto