- Cursos
- Tecnología
- Desarrollo Web
- Sass, realiza hojas de estilo sorprendentes
Sass, realiza hojas de estilo sorprendentes
Una poderosa herramienta para realizar hojas de estilo para páginas web. Sass (Syntactically Awesome Style Sheets) es el lenguaje de extensión CSS de calidad profesional más maduro, estable y poderoso del mundo. Por algo se considera los CSS con superpoderes
Descripción del curso
Sass es compatible con cualquier versión de estilos en cascada. Esta herramienta cuenta con más funciones y capacidades que cualquier otro lenguaje de extensión CSS existente. Sass es una herramienta desarrollada por más de 14 años y es la más aceptada en el mercado. Sass es un lenguaje de hoja de estilos inicialmente diseñado por Hampton Catlin y desarrollado por Natalie Weizenbaum. Después de sus versiones iniciales, Nathan Weizenbaum y Chris Eppstein han continuado extendiendo Sass con SassScript, un lenguaje de script simple, usado en los ficheros Sass. En este curso tendremos los siguientes objetivos.
El alumno:
Aprenderá las bases en el uso de Sass para el desarrollo de Hojas de estilo.
Aprenderá a anidar las reglas de estilo y los operadores utilizados en Sass.
Aprenderá las directivas de Sass para importar, crear mixins, extender las hojas de estilo y las directivas de debug, warning y error.
Aprenderá el lenguaje de programación SassScript.
Aprenderá las estructuras del control del flujo como @each, @if, @else, etc.
Este curso está dirigido a Desarrolladores y Diseñadores de hojas de estilo entre medianas y grandes (o muy grandes). Necesitas tener conocimientos sólidos de HTML y CSS. En todos los videos contarás con los archivos necesarios y los apuntes de cada sección.
Contenido del curso
Introducción a Sass
55:36- Instalación de Sass09:01
- Instalación de Sass en SublimeText05:40
- El manejo de las variables con Sass08:41
- El alcance de las variables en Sass06:24
- Modificar el alcance de las variables con !global06:08
- La sintaxis .sass04:23AVANCE
- Transpilación Sass por medio de la consola en Windows09:04
- Los comentarios en Sass06:15
Reglas anidadas
53:14- Reglas anidadas en Sass06:18
- Propiedades anidadas en Sass03:37
- Listas de selectores en Sass05:47
- Selectores de combinación07:49
- Declaraciones ocultas en Sass04:12
- Operador ampersand & dentro de la anidación04:42
- Operador ampersand anidado06:08
- Selector de marcado de posición %07:44
- Operador de interpolación06:57
Directivas en Sass
49:50- La directiva @import en Sass04:02
- Excluir archivos en la transpilación de Sass05:30
- Las directivas @import anidadas04:08
- Las directivas @mixin e @include03:13
- Los parámetros para la directiva @mixin03:28
- Parámetros por omisión y uso del mixin para vendors03:25
- La directiva @extend en Sass03:51
- La directiva @media en Sass05:12
- Las directivas @media anidadas en Sass03:05
- Las directivas @media y SassScript04:18
- Las directivas @debug, @warn y @error04:07
- La directiva @at-root05:31
SassScript
01:27:08- Manejo de listas en SassScript05:01
- Las funciones para el manejo de listas en Sass10:23
- Ejemplo del manejo de listas06:03
- Manejo de mapas en Sass04:15
- Las funciones para el manejo de mapas en Sass06:45
- Ejemplo del manejo de mapas05:16
- Operadores aritméticos en Sass06:13
- Operadores para el manejo de colores05:55
- Funciones para el manejo de colores en Sass05:44
- Los operadores lógicos en Sass04:23
- Los operadores para las cadenas en Sass05:52
- Operadores para valores lógicos o booleanos06:14
- Crear funciones en Sass05:33
- Los parámetros de una función en Sass04:39
- La directiva @return y los parámetros variables04:52
Control de flujo en Sass y otras funciones
01:08:26- La estructura condicional @if y @else en Sass07:03
- El ciclo @each para iterar una lista o mapa en Sass08:32
- El ciclo @for para iterar en Sass05:40
- Asignación múltiple con la directiva @each04:15
- La directiva @while06:59
- Los estilos de los archivos de salida05:17
- Las funciones de cadena en Sass08:24
- Las funciones numéricas en Sass07:50
- Las funciones para los selectores en Sass08:13
- Las funciones de introspección en Sass06:13
Valoraciones
No hay ninguna valoración para este curso.
¿Por qué pagar por un curso cuando puedes tenerlos todos?
Prueba la Suscripción ahoraO quiero saber más
