Sass Desde Cero

Curso: Sass Desde Cero

avanzado
4 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

Sass Desde Cero

Toma este curso
Sass Desde Cero

Curso: Sass Desde Cero

avanzado
+4 horas
Sube a premium

Y accede a todos los cursos con un solo pago

Sass Desde Cero

Sass Desde Cero

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

Nivel: avanzado
Fecha de lanzamiento: 08 de jul.
Duración: +4 horas
(Ver temario)
Calificación: 4.9
(Ver 206 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

CSS no es un lenguaje de programación y esto hace que proyectos medianos a grandes sean imposibles o muy difíciles de manejar. Los diseñadores se sobreescriben estilos unos a otros, se repiten declaraciones, la cascada y especificidad 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.

¿Qué aprenderás en este curso?

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

¿Qué conocimientos previos necesitas?

Avatar

Prof. Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Temario del curso

Sintaxis

  • 1.1 - Desventajas de CSS

  • 1.2 - ¿Qué es Sass?

  • 1.3 - Compilar Sass. (Parte 1)

  • 1.4 - Compilar Sass. (Parte 2)

  • 1.5 - Variables

  • 1.6 - Anidamiento

  • 1.7 - Tipos de datos

  • 1.8 - @import

Ciclos y condicionales

  • 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

  • 3.1 - Definición de mixins

  • 3.2 - Parámetros y argumentos

  • 3.3 - Parámetros múltiples

  • 3.4 - Directiva content

  • 3.5 - Mixin para responsive web design

Funciones

  • 4.1 - Definición de funciones

  • 4.2 - Funciones para em y para imagenes

  • 4.3 - Funciones de strings

  • 4.4 - Funciones de números

  • 4.5 - Funciones de listas y mapas

  • 4.6 - Funciones de introspeccion

  • 4.7 - Ejercicio long shadow

Color

  • 5.1 - Modos de color cmyk y rgb

  • 5.2 - Color hsl

  • 5.3 - Notación hexadecimal y circulo cromatico

  • 5.4 - Funciones de color sass

Debugging

  • 6.1 - Opciones de compilación

  • 6.2 - Sourcemaps

  • 6.3 - Debug warn error

  • 6.4 - Estructura de proyecto sass

Avatar

Prof. Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Sigue aprendiendo con

Responsive Web Design

Responsive Web Design

Avatar

Alvaro Felipe

5

4.8

Firebase para la web

Firebase para la web

Avatar

Juan Guillermo Gomez

5

4.3

Mi primera página web

Mi primera página web

Avatar

Beto Quiroga

5

4.8

Empieza a aprender Sass Desde Cero

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Por  $ USD  más obtén
una suscripción anual

Premium

Ahorra $180 USD
$360180USD

El mes te sale a $30 15 USD

Ahorra 50 %

Ahorra 50 %

Ahorra 50 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$2012USD

$30 15 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

206 calificaciones de los estudiantes (4.9)

Cargando Calificaciones...

Sigue aprendiendo con

Responsive Web Design

Responsive Web Design

Avatar

Alvaro Felipe

5

4.8

Firebase para la web

Firebase para la web

Avatar

Juan Guillermo Gomez

5

4.3

Mi primera página web

Mi primera página web

Avatar

Beto Quiroga

5

4.8