Préprocesseur SASS avec le framework Compass

Objectifs

Maîtriser l'utilisation de SASS et Compass pour optimiser la qualité et les performances du code CSS.

Programme de la formation

Module 1 : Introduction à SASS et Compass
Histoire, principes et avantages de SASS et Compass.
Présentation des cas d'utilisation dans des projets modernes.
Module 2 : Installation et configuration
Installation et configuration de SASS et Compass sur différents environnements.
Présentation des outils nécessaires : lignes de commande, IDE, compilateurs.
Module 3 : Les fondamentaux de SASS
Utilisation des variables pour une gestion dynamique des styles.
Opérateurs et calculs CSS dans SASS.
Création et utilisation des mixins pour réutiliser du code.
Découverte des fonctions intégrées et des partials pour structurer un projet.
Récupération et manipulation avancée des couleurs.
Module 4 : Découverte et utilisation de Compass
Installation et configuration de Compass.
Exploration des principaux modules de Compass : reset CSS, gestion des grilles, typographie.
Utilisation des mixins intégrés de Compass : bordures arrondies, ombres, préfixes CSS automatiques.
Module 5 : Gestion des sprites avec Compass
Création automatique de sprites à partir d'images.
Utilisation des sprites dans les projets pour optimiser les performances.
Module 6 : Optimisation, bonnes pratiques et projet pratique
Pratiques avancées pour éviter les redondances et optimiser les performances CSS.
Mise en œuvre d'un projet réel pour intégrer SASS et Compass.
Analyse et refactoring du code pour garantir des résultats professionnels.

Validation et sanction

Compréhension des concepts fondamentaux de SASS et Compass.
Installation et configuration réussies de SASS et Compass.
Maîtrise des bases de SASS : variables, mixins, fonctions et opérateurs.
Utilisation avancée de SASS : partials, nesting, calculs et gestion des couleurs.
Utilisation efficace des modules Compass pour simplifier le développement CSS.
Création et gestion automatique de sprites avec Compass.
Optimisation du code CSS grâce aux fonctionnalités de SASS et Compass.
Réduction des redondances et amélioration de la maintenance des feuilles de style.
Capacité à intégrer SASS et Compass dans un projet réel.
Production de feuilles de style performantes et adaptées aux besoins modernes.

Type de formation

Non certifiante

Sortie

Information non communiquée