Pasar al contenido principal

Ya puedes acceder a todos los cursos de EDteam con una sola suscripción Suscríbete

Jose Luján
Luis Avilés
Álvaro Felipe, Jon Mircha
Álvaro Felipe
Alberto Quiroga
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon Mircha
Daniel Romero
Alexys Lozada, Daniel Romero
Álvaro Felipe
Francisco Romero
Alexys Lozada
Álvaro Felipe
Daniel Romero
Jon Mircha
Álvaro Felipe
Daniel Romero
Jose Luján
Álvaro Felipe
Freddy Cahuas
Álvaro Felipe
Jon Mircha
Jose Luján
Luis Avilés
Álvaro Felipe, Jon Mircha
Álvaro Felipe
Alberto Quiroga
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon Mircha
Daniel Romero
Alexys Lozada, Daniel Romero
Álvaro Felipe
Francisco Romero
Alexys Lozada
Álvaro Felipe
Daniel Romero
Jon Mircha
Álvaro Felipe
Daniel Romero
Jose Luján
Álvaro Felipe
Freddy Cahuas
Álvaro Felipe
Jon Mircha
https://app.ed.team/curso/27
sass

Sass Desde Cero

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

Semana 1
Semana 2
Semana 3
Semana 4

Primeros pasos

  • ¿Qué es un preprocesador? (ver gratis)
  • Flujo de trabajo con un preprocesador
  • Probar Sass desde el navegador
  • Usar un compilador gráfico (Prepros)
  • Compilar Sass por línea de comandos
  • Otras herramientas para compilar

Sintaxis I

  • $variables (scoping y !default) (ver gratis)
  • Anidamiento (nesting y @at-root)
  • @import y _partials
  • @extend
  • // Comentarios

Sintaxis

  • Tipos de datos (ver gratis)
  • Operaciones
  • Interpolación
  • @directivas
  • %placeholders

Mixins

  • Directivas @mixin e @include
  • Parámetros o argumentos (ver gratis)
  • @content
  • @media queries

Funciones

  • Funciones nativas en Sass
  • Crear funciones propias (ver gratis)
  • Directiva @function
  • ¿Usar mixins o funciones?
  • Parámetros y argumentos

Iteraciones y condicionales

Funciones avanzadas

  • Introspección
  • Funciones de listas y mapas
  • Funciones para Strings (ver gratis)
  • Funciones de números
  • Funciones de selectores

Color

  • Funciones nativas de color
  • Crear paletas de color
  • Modos de color (RGB, HSL, HSB)
  • Ejercicio Espectro de Colores (ver gratis)

Debuggin

  • Sourcemaps
  • Tipos de compilación
  • Mensajes de alerta (ver gratis)
  • @warn
  • @debug
  • @error

Librerías y frameworks

  • Compass
  • Bourbon
  • Neat
  • Foundation
  • Bootstrap
  • Jeet
  • ED grid
  • Cómo mantenerse actualizado (ver gratis)

Proyecto final I

  • Crearemos la UI de una aplicación movil a partir de un mockup entregado por el diseñador.
  • BEM
  • SMACSS (ver gratis)
  • OOCSS
  • Planificación de la estructura del proyecto

Proyecto final II

  • Crear estilos modulares
  • Culminación y test del proyecto. (ver gratis)

Muestra gratis del curso

¿Por qué estudiar en EDteam?

Profesores reales

Somos la única plataforma con profesores reales con años de experiencia en aulas.

Aprende desde cero

Si quieres aprender algo nuevo, sin conocimientos previos, no hay mejor opción en español que EDteam.

Proyecto de fin de curso

Creamos el concepto de proyecto de fin de curso que se ha puesto de moda en todas las plataformas online.

Sin mensualidades

Líbrate de las ataduras. Paga solo lo que necesites aprender y estudiálo a tu ritmo y con acceso de por vida.

Secuencia de aprendizaje

Cursos desde cero que continuan con cursos avanzados para que aprendas en orden y sin perderte.

Clases bonus gratuitas

Accede a los EDtaller Premium, clases extra de todos los cursos (incluso de los que no hayas comprado) 100% gratis.

MRJAWKHH99QSS
0
25
Sass Desde Cero
Profesor
Comprar (Paypal)
Ver otros medios de pago

Horarios

Clases grabadas