SASS / SCSS
¿Qué es SASS / SCSS?
Sass, acrónimo de Syntactically Awesome Style Sheets, es un preprocesador de CSS que extiende el lenguaje con características avanzadas de programación. Fue creado por Hampton Catlin y desarrollado por Natalie Weizenbaum, con la primera versión lanzada en 2006. Sass añade a CSS variables, anidamiento de selectores, mixins, funciones, herencia, operaciones matemáticas y módulos, compilándose a CSS estándar antes de llegar al navegador. Existen dos sintaxis: la original con indentación denominada SASS y la más popular con llaves y punto y coma denominada SCSS, que es una extensión de CSS y resulta más familiar para quienes ya conocen CSS. Sass fue una revolución en el desarrollo frontend porque resolvió los principales problemas de mantenimiento de CSS en proyectos grandes. Con la llegada de variables CSS nativas en CSS3 y la madurez de herramientas como PostCSS, el papel de Sass ha evolucionado, pero sigue siendo muy utilizado en proyectos empresariales y con frameworks como Bootstrap.
¿Por qué aprender SASS / SCSS?
Sass sigue siendo ampliamente utilizado en proyectos frontend de empresas españolas que tienen bases de código consolidadas, especialmente aquellas que usan Bootstrap como sistema de diseño. Conocer Sass es una habilidad valorada en ofertas de trabajo de desarrollador frontend con experiencia. Aunque los nuevos proyectos tienden a usar Tailwind CSS o variables CSS nativas, la gran cantidad de proyectos legacy en producción hace que el conocimiento de Sass sea útil durante varios años más. Además, entender Sass profundiza la comprensión de CSS y mejora la capacidad de organizar estilos en proyectos grandes.