Archivos Base

http://zo.ee/231i

Modulo 1
http://linkshrink.net/71qNSz

Modulo 2
http://adf.ly/1hREGP

Modulo 3
https://shink.in/2N3JE

Modulo 4
http://ouo.io/dO6A0d

Temario

Modulo 1
PRIMEROS PASOS

¿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 I

$variables (scoping y !default)

Anidamiento (nesting y @at-root)
@import y _partials
@extend
// Comentarios
SINTAXIS

Tipos de datos
Operaciones
Interpolación
@directivas
%placeholders

Modulo 2
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

Modulo 3
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

Modulo 4
LIBRERÍAS Y FRAMEWORKS

Compass
Bourbon
Neat
Foundation
Bootstrap
Jeet
ED grid
PROYECTO FINAL I

Crearemos la UI de una aplicación movil a partir de un mockup entregado por

el diseñador.
Planificación de la estructura del proyecto
PROYECTO FINAL II

Crear estilos modulares

BEM, SMACSS, OOCSS
Culminación y test del proyecto.