Acerca del curso
En este curso aprenderemos a utilizar Sass, instalaremos y configuraremos el procesador, veremos la sintaxis, variables, selectores, mixins, medias queries, entre otros y demodo práctico brindaremos estilos a un proyecto similar a WhatsApp Web.
Lista de Clases
-
Clase 1: Introducción
- 1.- Introducción
- 2.- Requisitos
- 3.- ¿Qué es Sass?
- 4.- Diferencias entre Sass, Less y Stylus
- 5.- Preparar entorno de desarrollo
- 6.- Instalar Sass en el ordenador
-
Clase 2: Herramientas
- 1.- Herramientas para facilitar el manejo de Sass
- 2.- Instalar Prepros
- 3.- Configuración de Prepros
- 4.- Custom server en Prepros
- 5.- ¿Qué son los source maps y para qué sirven?
-
Clase 3: Manejo de Sass
- 1.- Sintaxis
- 2.- Variables
- 3.- Imports
- 4.- Anidado
- 5.- Selectores
- 6.- Mixins
- 7.- Ciclos for
- 8.- Media queries
-
Clase 4: Crear proyecto con Sass (Whatsapp web)
- 1.- Introducción al proyecto
- 2.- Crear layout del proyecto
- 3.- Sección de contactos
- 4.- Sección del chat
- 5.- Sección campo de texto
Proyecto del curso
