Objetivo

Capacitar al estudiante en uno de los preprocesadores mas importantes delmercado coo lo es SASS para darlea CSS los super poderes de un lenguaje de programación

Requisitos

Para esta especialidad es obligatorio tener aprobados los primeros tres cursos de Desarrollo Web Introductorio:

  • HTML introductorio
  • Diseño CSS Introductorio
  • JavaScript Introductorio

A quien va dirigido?

A todos los estudiantes que quieran extender sus conocimientos mas a profundidad y que tengan las habilidadesque enumeramos en el curso de Desarrollo Web Introductorio

Temario

Sintaxis
  • Desventajas de CSS
  • ¿Qué es Sass?
  • Compilar Sass (I)
  • Compilar Sass (II)
  • Variables
  • Anidamiento
  • Tipos de datos
  • @import
Ciclos y Condicionales
  • Estructura de un proyecto Sass
  • @extend
  • Condicionales
  • @for
  • Ciclo @each
  • Ejercicios con ciclos
Mixins
  • Definición de mixins
  • Parámetros y argumentos
  • Parámetros multiples
  • Directiva content
  • Mixin para responsive web design
Funciones
  • Definición de funciones
  • Funciones para em y para imagenes
  • Funciones de strings
  • Funciones de números
  • Funciones de listas y mapas
  • Funciones de introspeccion
  • Ejercicio long shadow
Color
  • Modos de color cmyk y rgb
  • Color hsl
  • Notación hexadecimal y circulo cromatico
  • Funciones de color sass
Debugging
  • Opciones de compilación
  • Sourcemaps
  • Debug warn error
  • Estructura de proyecto sass