Formation
Préprocesseur SASS avec le framework Compass
- Tout public
Maîtriser l’utilisation de SASS et Compass pour optimiser la qualité et les performances du code CSS.
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.
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.
Maîtrise des bases en HTML et CSS.
Durée en centre : 14 heures
Durée totale : 14 heures
Durée totale : 14 heures
Formacode (Domaines de formation) :
- 71954 Framework
Entrées/sorties permanentes
Formation entièrement présentielle
LIEU DE FORMATION
A distance
Les Docks - Atrium 10.6
13000 MARSEILLE
Les Docks - Atrium 10.6
13000 MARSEILLE
01 77 17 90 36
Organisme formateur :
Vivaneo
Vivaneo