Curso Sass Desde Cero – Edteam [MEGA]

Css es el lenguaje que le da estilo y belleza a la web, sin embargo, su desventaja es que no es un lenguaje de programación, por lo que carece de variables, funciones, condicionales, etc.

Esto hace que proyectos medianos a grandes sean imposibles de manejar con Css plano. Los diseñadores se sobreescriben estilos unos a otros, se repiten declaraciones, la cascada y especifidad son un infierno y la sola idea de modificar componentes deprime a más de uno.

Sass resuelve estos problemas dándole a Css las características de un lenguaje de programación y permitiendo modularizar el código (dividirlo en fragmentos reutilizables). Si escribes Css plano o ya conoces Sass pero quieres explorarlo más a fondo, este es tu curso. ¡Ven y empieza a programar tus estilos con Sass!

Temario del curso

Sintaxis

1 hora y 1 minutos

• 1.1 – Desventajas de CSS                                                         
• 1.2 – ¿Qué es Sass?                                                                   
• 1.3 – Compilar Sass (I)                                                               
• 1.4 – Compilar Sass (II)                                              
• 1.5 – Variables                                                            
• 1.6 – Anidamiento                                                       
• 1.7 – Tipos de datos                                                                  
• 1.8 – @import                                                              

Ciclos y condicionales                 

39 minutos

• 2.1 – Estructura de un proyecto Sass                                   
• 2.2 – @extend                                                                            
• 2.3 – Condicionales                                                                   
• 2.4 – Ciclo @for                                                                          
• 2.5 – Ciclo @each                                                                      
• 2.6 – Ejercicios con ciclos                                                         

Mixins                

34 minutos

• 3.1 – Definición de mixins                                                       
• 3.2 – Parámetros y argumentos                                             
• 3.3 – Parámetros multiples                                      
• 3.4 – Directiva content                                                             
• 3.5 – Mixin para responsive web design                                            

Funciones          

46 minutos

• 4.1 – Definición de funciones                                                 
• 4.2 – Funciones para em y para imágenes                          
• 4.3 – Funciones de strings                                                       
• 4.4 – Funciones de números                     
• 4.5 – Funciones de listas y mapas            
• 4.6 – Funciones de introspección                           
• 4.7 – Ejercicio long shadow                                                     

Color

31 minutos

• 5.1 – Modos de color cmyk y rgb                                           
• 5.2 – Color hsl                                                              
• 5.3 – Notación hexadecimal y circulo cromático 05:36
• 5.4 – Funciones de color sass                                   

Debugging      

   33 minutos

• 6.1 – Opciones de compilación                                               
• 6.2 – Sourcemaps                                                                      
• 6.3 – Debug warn error                                             

6.4 – Estructura de proyecto sass

Capturas:

Datos técnicos:

www.descargasnrq.com