Les feuilles de style deviennent de plus en plus volumineuses, complexes et difficiles à maintenir. C'est là qu'un préprocesseur peut aider : Sass, syntactically awesome style sheets, est un langage d’extension CSS de qualité professionnelle pour écrire du CSS robuste, stable et maintenable. Dans cette formation Simplifier le CSS avec Sass et Scss, on découvre comment écrire du meilleur CSS avec les langages préprocesseurs, qui fournissent : + Des fonctionnalités supplémentaires : variables, Imbrication (nesting), l’héritage et l’extension des règles de style, les fonctions, mixins, les partials, les directives + Des modules intégrés pour augmenter les capacités du CSS Et, pourquoi utiliser les avantages des langages préprocesseurs. Les avantages sont nombreux : + Réutiliser les règles de style sans faire de répétition + Séparer les feuilles de style en modules pour améliorer la lisibilité et maintenabilité de la base de code + Accélérer la productivité en écrivant du CSS plus riche et plus flexible + Déboguer les feuilles de style avec des directives universelles Au programme, ce que nous allons apprendre : # Sass & Scss : les langages préprocesseurs On découvre la syntaxe des langages préprocesseurs, les fonctionnalités et les avantages d’écrire du CSS maintenable et réutilisable comme avec un langage de programmation. # Installation, usage & outils de compilation On découvre les différentes options d’installation et les outils pour compiler du Scss/Sass en CSS. On complète avec un premier exemple d’usage et de compilation. Nous utiliserons le terminal, le paquet npm sass et Scout App, une application gratuite multiplateforme avec une interface graphique riche en fonctionnalités # Travailler avec les fonctions et les modules intégrés de Sass Pour aller plus loin, SASS fournit de nombreux modules intégrés et des fonctions utilitaires prêtes qui contiennent diverses fonctions utiles et quelques mixins qui le rendent facile à utiliser : sass-map, sass-color etc