Pasar al contenido principal
http://cursos.ed.team/sass?comprar
Póster del curso Sass Desde Cero de EDTeam

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?

Clases en vivo

Vive la experiencia de un aula donde te encuentres, pues hay interacción constante con el profesor y tus compañeros.

Profesores reales

Con nosotros no te llevarás esa amarga sorpresa de que el profesor domina el tema pero no sabe explicarlo.

Preguntas y respuestas

Dentro de cada clase encontrarás una sección de preguntas y respuestas donde vamos más allá de la clase junto con los compañeros y el profesor.

Proyecto final

Comenzamos desde cero y culminamos con un proyecto del mundo real en el que aplicarás lo aprendido.

Sin pagos mensuales

Olvidate de las suscripciones. Paga solo el curso que necesites y estúdialo a tu propio ritmo.

Acceso de por vida

Tómate el tiempo que desees para aprender. Los cursos que compres son tuyos para siempre.

MRJAWKHH99QSS
0
40
Sass Desde Cero
Profesor

Álvaro Felipe

Comprar (Paypal)

* Precio en dólares americanos

Ver otros medios de pago

Horarios

Clases grabadas