Sass Desde Cero

Curso: Sass Desde Cero

Convierte tu estilos CSS en un lenguaje de programación con Sass

CSS no es un lenguaje de programación y esto hace que proyectos medianos a grandes sean imposibles o muy dificiles de manejar. Los diseñadores se sobreescriben estilos unos a otros, se repiten declaraciones, la cascada y especifidad son un infierno y modificar componentes puede tirar abajo todo el proyecto. Sass resuelve estos problemas dándole a CSS las características de un lenguaje de programación y permitiendo modularizar el código.

Este curso forma parte de:

92
Poster del curso
Avatar

Alvaro Felipe

Curso: Sass Desde Cero

Acceso a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

Poster del curso
Avatar

Alvaro Felipe

Curso: Sass Desde Cero

Acceso a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

¿Qué aprenderás?

  • Sintaxis de Sass.
  • Mixins y funciones.
  • Modularizar tu código.
  • Debug de errores Sass.

¿Qué conocimientos necesitas?

Nivel

avanzado

+4 horas

Temario del curso

¿Eres estudiante premium o has comprado este curso? Empieza aquí

Sintaxis

  • 1.1 - Desventajas de CSS05:05
  • 1.2 - ¿Qué es Sass?08:27
  • 1.3 - Compilar Sass (I)10:08
  • 1.4 - Compilar Sass (II)02:20
  • 1.5 - Variables12:34
  • 1.6 - Anidamiento08:28
  • 1.7 - Tipos de datos09:42
  • 1.8 - @import07:08

Ciclos y condicionales

  • 2.1 - Estructura de un proyecto Sass05:30
  • 2.2 - @extend07:35
  • 2.3 - Condicionales10:28
  • 2.4 - Ciclo @for 05:37
  • 2.5 - Ciclo @each05:27
  • 2.6 - Ejercicios con ciclos07:34

Mixins

  • 3.1 - Definición de mixins06:09
  • 3.2 - Parámetros y argumentos07:20
  • 3.3 - Parámetros multiples10:37
  • 3.4 - Directiva content04:11
  • 3.5 - Mixin para responsive web design07:13

Funciones

  • 4.1 - Definición de funciones05:22
  • 4.2 - Funciones para em y para imagenes08:49
  • 4.3 - Funciones de strings06:31
  • 4.4 - Funciones de números06:36
  • 4.5 - Funciones de listas y mapas09:02
  • 4.6 - Funciones de introspeccion06:24
  • 4.7 - Ejercicio long shadow06:57

Color

  • 5.1 - Modos de color cmyk y rgb06:08
  • 5.2 - Color hsl08:24
  • 5.3 - Notación hexadecimal y circulo cromatico05:36
  • 5.4 - Funciones de color sass12:59

Debugging

  • 6.1 - Opciones de compilación08:55
  • 6.2 - Sourcemaps06:54
  • 6.3 - Debug warn error09:42
  • 6.4 - Estructura de proyecto sass10:22

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.