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 158 opiniones)
Ruta de aprendizaje:

* 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 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.

¿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

@alvarofelipeVer perfil

Autodidacta. Obsesionado con el emprendimiento y el desarrollo personal. Todo lo puedo en EDteam que me fortalece. EDy es mi pastor y con él nada me faltará.

Temario del curso

Sintaxis

  • 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

  • 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 multiples

  • 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

@alvarofelipeVer perfil

Autodidacta. Obsesionado con el emprendimiento y el desarrollo personal. Todo lo puedo en EDteam que me fortalece. EDy es mi pastor y con él nada me faltará.

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

Empieza a aprender Sass Desde Cero

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

Mostrar precios en

  • Mensual
  • Semestral
  • Anual

Premium

$360240USDAhorras $120 USD

Paga 8 meses y obtén 12

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Certificado de culminación

  • Todos los cursos (107+)

  • Todos los workshops (30+)

  • Todas las especialidades (19+)

  • 3+ cursos nuevos cada mes

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reportes semanales de estudios (pronto)

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Certificado de culminación

  • Todos los cursos (107+)

  • Todos los workshops (30+)

  • Todas las especialidades (19+)

  • 3+ cursos nuevos cada mes

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Reportes semanales de estudios (pronto)

  • Ver todas las características

unicorn-head-smile¿Tienes un EDycupón?

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

Pago único

Sólo este curso

$20USD
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?

158 calificaciones de los estudiantes (4.9)

Cargando Calificaciones...

Ver más opiniones

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