Sass, hojas de estilo sorprendentes

Una poderosa herraienta para realizar hojas de estilo para páginas web.

4.20 (21 reviews)
Udemy
platform
Español
language
Other
category
106
students
5.5 hours
content
Jan 2021
last update
$19.99
regular price

What you will learn

El alumno aprenderá las bases en el uso de Sass para el desarrollo de Hojas de estilo

El alumno aprenderá a anidar las reglas de estilo y los operadores utilizados en Sass

El alumno aprenderá las directivas de Sass para importar, crear mixins, extender las hojas de estilo y las directivas de debug, warning y error.

El alumno aprenderá el lenguaje de programación SassScript

El alumno aprenderá las estructuras del control del flujo como @each, @if, @else, etc.

Description

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

Content

Introducción a Sass

Bienvenidos al curso de Sass
Antes de iniciar
Instalación de Sass
Instalación de Sass en SublimeText
El manejo de las variables con Sass
El alcance de las variables en Sass
Modificar el alcance de las variables con !global
La sintaxis .sass
Transpilación Sass por medio de la consola en Windows
Los comentarios en Sass
Apuntes a la sección 1: Introducción a Sass

Reglas anidadas

Reglas anidadas en Sass
Propiedades anidadas en Sass
Listas de selectores en Sass
Selectores de combinación
Declaraciones ocultas en Sass
Operador ampersand & dentro de la anidación
Operador ampersand anidado
Selector de marcado de posición %
Operador de interpolación
Apuntes a la sección 2: Reglas anidadas

Directivas en Sass

La directiva @import en Sass
Excluir archivos en la transpilación de Sass
Las directivas @import anidadas
Las directivas @mixin e @include
Los parámetros para la directiva @mixin
Parámetros por omisión y uso del mixin para vendors
La directiva @extend en Sass
La directiva @media en Sass
Las directivas @media anidadas en Sass
Las directivas @media y SassScript
Las directivas @debug, @warn y @error
La directiva @at-root
Apuntes a la sección 3: Directivas de Sass

SassScript

Manejo de listas en SassScript
Las funciones para el manejo de listas en Sass
Ejemplo del manejo de listas
Manejo de mapas en Sass
Las funciones para el manejo de mapas en Sass
Ejemplo del manejo de mapas
Operadores aritméticos en Sass
Operadores para el manejo de colores
Funciones para el manejo de colores en Sass
Los operadores lógicos en Sass
Los operadores para las cadenas en Sass
Operadores para valores lógicos o booleanos
Crear funciones en Sass
Los parámetros de una función en Sass
La directiva @return y los parámetros variables
Apuntes a la sección 4: SassScript

Control de flujo en Sass y otras funciones

La estructura condicional @if y @else en Sass
El ciclo @each para iterar una lista o mapa en Sass
El ciclo @for para iterar en Sass
Asignación múltiple con la directiva @each
La directiva @while
Los estilos de los archivos de salida
Las funciones de cadena en Sass
Las funciones numéricas en Sass
Las funciones para los selectores en Sass
Las funciones de introspección en Sass
Apuntes a la sección 5: Control de flujo y otras funciones

Despedida del curso

Despedida del curso Sass
Archivos del curso Sass

Screenshots

Sass, hojas de estilo sorprendentes - Screenshot_01Sass, hojas de estilo sorprendentes - Screenshot_02Sass, hojas de estilo sorprendentes - Screenshot_03Sass, hojas de estilo sorprendentes - Screenshot_04

Reviews

Leonel
August 3, 2021
PROS: - Bien por el contenido teórico introductorio de cada video, que siempre es fundamental para darle sentido al código. - Bien por las ejemplificaciones con la implementación de «@debug» para comprender resultados lógicos de SASS y comprender errores que nos pinta la terminal. CONTRAS: - Se entiende que para no hacer demasiado cansado el curso, usa el «copiar» y «pegar» código en casi todos los videos; sin embargo, al hacer esto, se pierde narrativa, lo que impide que uno vaya entendiendo de forma más orgánica la implementación del código. - Aunque el objetivo es aprender las bases de SASS, en los ejercicios de ejemplo, narra la lógica del código de un modo muy escueto y en algunas ocasiones sentí que obviaba la explicación de fragmentos de código (por el «copiar» y «pegar». - Finalmente en la mayoría del curso, transpila de SCSS a CSS sin implementar el resultado en HTML, que ciertamente es necesario para corroborar que la creación de clases dinámicas, se implementen correctamente en el etiquetado y que cada ejercicio tenga un sentido práctico (no sólo un resultado a medio camino).

Coupons

DateDiscountStatus
3/18/202150% OFF
expired
9/20/202250% OFF
expired

Charts

Price

Sass, hojas de estilo sorprendentes - Price chart

Rating

Sass, hojas de estilo sorprendentes - Ratings chart

Enrollment distribution

Sass, hojas de estilo sorprendentes - Distribution chart

Related Topics

3756270
udemy ID
1/7/2021
course created date
2/6/2021
course indexed date
Bot
course submited by