Créer des CSS dynamiques avec SASS et Compass
Qualiopi
Objectifs pédagogiques
A l'issue de cette formation, vous serez capable de :
- Optimiser la gestion des styles CSS
- Décrire la syntaxe de SASS et de Compass
- Mettre en oeuvre la compilation et la création des fichiers CSS
- Déployer une stratégie de maintenance et de réutilisabilité.
Programme de la formation
Introduction
- Principes
- Server-side
- SASS et SCSS : compatibilité
- Les frameworks : Compass, Bourbon, Suzy...
- Le framework Compass
- Comparaison avec LESS
Installation du préprocesseur
- Environnements de compilation
- Installation de Prepros
- Paramétrages
- Compilation d'un fichier SASS en feuille de styles CSS
Principes
- Découpage du projet
- @import et fichiers multiples
- Factorisation
- Réutilisabilité
- Optimisation, compression et minification
Syntaxe de SASS
- DRY (Don't Repeat Yourself)
- Imbriquer les sélecteurs
- Les variables
- Mixin et fonctions
Booster la factorisation
- Extension des sélecteurs : @extend
- Placeholders
- Maps et convention de nom
Les sprites
- Définition
- Paramétrer une sprite map
- Images en base64
- Utilisation d'inline
Maintenir un projet SASS
- Débogage
- Source Maps et navigateurs
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation

Proposé par
M2I
"Un leadership dans le domaine de la formation"
À partir de
1240 €
Durée
14h en 2 jours
Localisation
Partout en France

Proposé par
M2I
À partir de
1240 €
