Identifier le rôle du préprocesseur SASS

‍❖ Enumérer les différences avec CSS (SASS, SCSS)
❖ Expliquer comment SASS optimise la gestion des styles

Installer le préprocesseur SASS dans son environnement ‍

❖ Installer le préprocesseur à partir de Github
❖ Installer le préprocesseur à l’aide du gestionnaire de paquets de Node.js (NPM)

Appliquer le processus de prétraitement

❖ Reproduire les commandes de prétraitement dans un environnement imposé
❖ Identifier un dysfonctionnement de prétraitement dans un environnement imposé
❖ Configurer un environnement de prétraitement à partir d’un exemple existant
❖ Appliquer le prétraitement dans un environnement existant

Utiliser la hiérarchie visuelle avec l’imbrication des sélecteurs CSS ‍

❖ Reformuler du code CSS existant avec la syntaxe imbriquée
❖ Expérimenter les différents sélecteurs dont le sélecteur parent

Diviser les styles en plusieurs fichiers à l’aide des modules ‍

❖ Organiser les styles en fichiers partiels pour une gestion par composants
❖ Créer une architecture modulaire à l’aide des imports de fichiers partiels
❖ Structurer les styles dans des projets complexes avec des modules réutilisables

Mettre en œuvre une démarche de réutilisation des styles avec SASS ‍

❖ Identifier les styles récurrents
❖ Centraliser les valeurs récurrentes à l’aide des variables
❖ Automatiser des blocs de styles récurrents avec les mixins
❖ Concevoir un thème personnalisable avec les fonctionnalités SASS