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 190 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 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

Premium

$3020USD

En un solo pago anual de $360 240 USD

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

unicorn-head-smile¿Tienes un EDycupón?
  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+143 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

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+143 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

$20USD

$360 240 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?

190 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