¿Qué es SASS y en qué se diferencia de otros preprocesadores?

AAAAAAA YA SALIÓ
Esperé con muchísimas ansias que Platzi sacara un curso para aprender SASS, apenas lo vi en Lanzamientos lo agendé ❤
El proyecto me encantó!! Súper emocionada por incluirlo en mi portfolio aplicando SASS 💚

🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀

Buenas vibra para todo el que lucha por un mejor Día

Características de SASS

.

• Modularización: Permite dividir los estilos en módulos más pequeños y manejables para simplificar el proceso de desarrollo y mantenimiento.
  .
• Variables: Permite definir variables para almacenar valores reutilizables en un archivo SASS, lo que facilita la creación y el mantenimiento de hojas de estilo.
  .
• Mixins: Permite definir mixins, que son bloques de código reutilizables que se pueden incluir en diferentes partes del CSS. Los mixins pueden contener variables y lógica, lo que facilita la creación de estilos más complejos y dinámicos.
  .
• Selectores Anidados: Se pueden anidar selectores y reglas de estilo, lo que ayuda a organizar y estructurar el CSS de manera más intuitiva.
  .
• Herencia: SASS permite la herencia de estilos entre selectores, lo que puede simplificar la creación y el mantenimiento de hojas de estilo.
  .
• Funciones: Admite funciones que permiten realizar cálculos y operaciones complejas en el CSS. Las funciones se pueden utilizar para definir valores dinámicos, como la altura o el ancho de un elemento en función de otros valores.
  .
• Importación: SASS admite la importación de archivos CSS y SASS, lo que facilita la organización y el mantenimiento de hojas de estilo.
  .
• Directivas de control de flujo: SASS admite directivas de control de flujo, como if/else y for, que permiten realizar operaciones condicionales y repetitivas en el CSS.
  .
• Operaciones aritméticas: SASS admite operaciones aritméticas, lo que permite realizar cálculos matemáticos directamente en el CSS.

Diferencias entre .saas y .scss

.
Sass es flexible y compatible con el CSS tradicional, por lo tanto, cuando trabajamos con él tenemos la opción de utilizar dos diferentes extensiones
.

• .SASS = Utiliza una sintaxis identada, quitando el uso de { } y el ; tras cada declaración.
  .
• .SCSS = Utiliza sintaxis tradicional de CSS, incluyendo el uso de { } y el ; tras cada declaración
  .
  
  

Ya te di una estrella y estoy descargando el proyecto en Git Hub!

Por fin llegó, estaba esperando este curso con ganas! 😄

Class Sources

• What is SASS?
• What is a CSS preprocessor?
• Variables
• Mixins
• Nested Selectors
• inheritance
• Difference between .sass and .scss
• GitHub cursos-sass
• Final result project
• Figma ecostore project file
• SASS Documentation
• course slides

Tenia tiempo que queria aprender Sass así que no hay excusa para comenzar hoy ✨
El curso se ve excelente, muy buena teacher y el proyecto también muy bueno!

Chicos, les paso las notas de la clase! Saludos desde Dublin, Irlanda.

¿Qué es Sass?

Sass es la abreviación de “Syntatically Awesome Stylesheets” y es un preprocesador de CSS que se utiliza para trabajar los estilos de un proyecto agregando funcionalidades con las que no cuenta CSS. A diferencia de otros preprocesadores está basado en el lenguaje de programación Ruby.
.
Algunas de las caracteristicas de Sass son
.

• Sass cuenta con soporte para modularizar estilos, haciendo de la regla “use”

• Usa variables, que sirven para almacenar un tipo de dato

• Usa mixins que se asemejan a las funciones, porque reciben parametros de entrada.

• Usa selectores anidados, que nos permiten ser más concisos a la hora de escribir nuestro código y hacerlo más mantenible.

• La herencia nos permite compartir propiedades entre selectores
  .
  Sass es compatible con el CSS tradicional, por tanto, cuando trabajamos con él, tendremos la opción de utilizar dos diferentes extensiones. Estas son .sass y .scss,
  .
  .Sass utiliza una sintaxis identada, que elimina el uso de los corchetes ({ }) y el punto y coma, obligatorios en el CSS tradicional
  .
  Por su parte, scss utiliza la sintaxis tradicional de CSS, incluyendo el el uso de los corchetes y el punto y coma.

Justo en el momento en que estaba apañanandomelas con la documentacion de sass para trabajar con el 🥴🥴🥴🥴

Este curso era muy muy esperado en Platzi. Gracias a Platzi y a Ana María por hacerlo posible 🙏🏼❤️

Poooorfin un curso de SASS!! o almenos el primero que sacan a esta fecha jaja

Muy buen proyecto ☺️

Sería útil que las rutas a las que agreguen cursos se actualicen, ya tenía la ruta terminada de html y css por lo que no me di cuenta de este curso.
Las rutas deberías cambiar de 100% y obligar a pasar de nuevo el examen y los nuevos cursos para volver obtener el 100%
Saludos.

Tiene toda la pinta este curso ♥ Muchas gracias por nuevos cursos! ♥

Tenía muchas ganas de aprender usar SASS 😸

“Your benevolent gesture has left an indelible impression of gratitude upon me, Ana María Díaz Solorio.”

WOW!
Todo, todo eso vamos a aprender. 😨
Yahoo!! 😎

Genial…!

@Coding_byanna soy tu fan!! ❤️

Me encanta el tema de los preprocesadores, aunque aun no manejo muy bien CSS, creo que valdrá mucho la pena este curso.

.

Me siento muy emocionado de dar el siguiente paso en mi camino a convertirme en desarrollador frontend. Espero aprender esta nueva herramienta que si bien ya había escuchado hablar de ella, no había tenido la oportunidad de probarla.

Las variables nos sirven para almacenar datos, por ejemplo los colores. Los mixins son parecidos a las funciones, ya que reciben parámetros de entrada.

Características de SASS - Modularización: Permite dividir los estilos en módulos más pequeños y manejables para simplificar el proceso de desarrollo y mantenimiento. -Variables: Permite definir variables para almacenar valores reutilizables en un archivo SASS, lo que facilita la creación y el mantenimiento de hojas de estilo

Características de SASS - Modularización: Permite dividir los estilos en módulos más pequeños y manejables para simplificar el proceso de desarrollo y mantenimiento. -Variables: Permite definir variables para almacenar valores reutilizables en un archivo SASS, lo que facilita la creación y el mantenimiento de hojas de estilo

Características de SASS - Modularización: Permite dividir los estilos en módulos más pequeños y manejables para simplificar el proceso de desarrollo y mantenimiento. -Variables: Permite definir variables para almacenar valores reutilizables en un archivo SASS, lo que facilita la creación y el mantenimiento de hojas de estilo

Características de SASS - Modularización: Permite dividir los estilos en módulos más pequeños y manejables para simplificar el proceso de desarrollo y mantenimiento. -Variables: Permite definir variables para almacenar valores reutilizables en un archivo SASS, lo que facilita la creación y el mantenimiento de hojas de estilo

Características de SASS - Modularización: Permite dividir los estilos en módulos más pequeños y manejables para simplificar el proceso de desarrollo y mantenimiento. -Variables: Permite definir variables para almacenar valores reutilizables en un archivo SASS, lo que facilita la creación y el mantenimiento de hojas de estilo

Características de SASS - Modularización: Permite dividir los estilos en módulos más pequeños y manejables para simplificar el proceso de desarrollo y mantenimiento. -Variables: Permite definir variables para almacenar valores reutilizables en un archivo SASS, lo que facilita la creación y el mantenimiento de hojas de estilo -Mixins: Permite definir mixins, que son bloques de código reutilizables que se pueden incluir en diferentes partes del CSS. Los mixins pueden contener variables y lógi

Características de SASS - Modularización: Permite dividir los estilos en módulos más pequeños y manejables para simplificar el proceso de desarrollo y mantenimiento. -Variables: Permite definir variables para almacenar valores reutilizables en un archivo SASS, lo que facilita la creación y el mantenimiento de hojas de estilo -Mixins: Permite definir mixins, que son bloques de código reutilizables que se pueden incluir en diferentes partes del CSS. Los mixins pueden contener variables y lógi

Características de SASS - Modularización: Permite dividir los estilos en módulos más pequeños y manejables para simplificar el proceso de desarrollo y mantenimiento. -Variables: Permite definir variables para almacenar valores reutilizables en un archivo SASS, lo que facilita la creación y el mantenimiento de hojas de estilo -Mixins: Permite definir mixins, que son bloques de código reutilizables que se pueden incluir en diferentes partes del CSS. Los mixins pueden contener variables y lógi

🔥 Importante

Si te quedaste con ganas de ver más, te dejo estos enlaces con cursos gratuitos, probé el primero y me gustó y ahora mismo voy a hacer el segundo curso hecho por la gente de código facilito ✨😃✌

• 📌uno
• 📌dos
• 📌tres

Estos son los apuntes que tomé del primer curso gratuito, espero te sean de utilidad!

siiiii justo lo necesitaba, me esta ayudando mucho

Se ve BRUTAL el curso! Es justo lo que estaba buscando para fortalecer mi perfil.