Validé WorkbotsDéveloppement & réseaux

Programmation : Sass

Changer la couleur d'une charte ne devrait pas obliger à reprendre quarante lignes de CSS à la main. Sass ajoute au CSS les variables, les fonctions et les boucles qui lui manquent. Vous partez de l'installation pour arriver aux mixins et aux feuilles de style réutilisables.

Programme & fiche pédagogique

3 h

Public visé

Intégrateurs et développeurs front-end qui maintiennent des feuilles de style importantes
Webdesigners qui souhaitent industrialiser leur mise en forme
Étudiants et autodidactes déjà à l'aise avec HTML et CSS

Prérequis

Des bases solides en CSS sont nécessaires pour suivre la formation. Aucune connaissance préalable de Sass n'est requise.
Prérequis techniques :
Navigateur web : Google Chrome recommandé

Objectifs pédagogiques

Installer Sass et comprendre le principe d'un préprocesseur CSS
Centraliser ses valeurs de style à l'aide des variables et des fonctions
Structurer ses règles par l'imbrication de sélecteurs et par l'héritage
Créer et réutiliser des blocs de style paramétrables avec les mixins
Introduire de la logique dans une feuille de style par les conditions et les boucles

Contenu de la formation

① Programmation : Sass ➜ Présentation et installation de Sass ➜ Les variables Sass ➜ Les fonctions Sass ➜ L'imbrication de sélecteurs avec Sass ➜ L'héritage Sass ➜ Les mixins Sass ➜ Les conditions et boucles Sass ➜ Importer du code CSS avec Sass ② Évaluation des acquis ➜ Testez ce que vous avez retenu