CRÉER DES CSS DYNAMIQUES AVEC SASS ET COMPASS
Objectifs de la formation Sass et Compass
OBJECTIFS :Grâce à Sass et à son framework CSS3 Compass, les intégrateurs et développeurs web professionnels confrontés à des impératifs de productivité et de maintenabilité disposent enfin d'outils libres pour écrire de façon cohérente leurs feuilles de styles CSS.
Porté par une communauté très active, le préprocesseur libre Sass offre un arsenal de fonctions pour la productivité du développeur front-end : code CSS allégé et simplifié lors de la phase de développement, variables, mixins, fonctions, placeholders, concaténation, validation de code à la volée...
Cette formation Sass et Compass vous permettra de découvrir les richesses offertes par Sass et Compass.
À l'issue de la formation, les participants seront capables de :
- Optimiser la gestion des styles CSS
- Comprendre la syntaxe de SASS et de COMPASS
- Maîtriser la compilation et la création des fichiers CSS
- Déployer une stratégie de maintenance et de réutilisabilité
Pour suivre ce cours Sass et Compass, vous devez avoir une bonne connaissance du HTML et du CSS.
Cette formation Sass et Compass s'adresse aux webmasters, créateurs de sites Internet, maquettistes, infographistes, responsables de communication et chefs de projet devant intervenir dans un projet de création de site Internet.
Contenu du cours Sass et Compass
PROGRAMME :Introduction à Sass et Compass
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
1 j
Web - Digital
LESS et SASS2 j
Web - Digital
Google Web Designer1 j
Web - Digital
Préparation à la certification Développeur HTML 5, JavaScript et CSS 3 (Cours Dédié Uniquement Action Collective Fafiec)2 j
Web - Digital
HTML, CSS : L'essentiel
1 j
Web - Digital
LESS et SASS2 j
Web - Digital
Google Web Designer1 j
Web - Digital
Préparation à la certification Développeur HTML 5, JavaScript et CSS 3 (Cours Dédié Uniquement Action Collective Fafiec)2 j
Web - Digital
HTML, CSS : L'essentiel
Des questions ?
ON VOUS RAPPELLE