Public visé
Développeurs, concepteurs Web, webmasters.
Prérequis
Avoir suivi cette formation, ou en maîtriser les thèmes abordés :
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Concevoir des mises en page CSS avancées
- Structurer efficacement les feuilles de style
- Comprendre et appliquer le responsive design
- Utiliser les nouvelles fonctionnalités CSS 3
- Maîtriser les préprocesseurs Sass et Less
Programme
Jour 1 - Matin
Révision des CSS
- Sélecteurs avancés et priorités
- Modèle de boîte et unités
- Gestion des couleurs
- Gestion des écrans et résolutions
- Pixels physiques vs logiques
Jour 1 - Après-midi
Modes de positionnement
- Flottement et clearing
- FlexBox : axes, alignement, ordre
- Grid Layout : lignes, colonnes, zones
- Combinaison des techniques
Jour 2 - Matin
Responsive Design
- Principes du responsive design
- Stratégie Mobile First
- Points de rupture (breakpoints)
- Viewport et meta tags
Jour 2 - Après-midi
Media Queries et animations
- Syntaxe des media queries
- Conditions multiples
- Animations CSS
- Transitions et transformations
- Images HiDPI et SVG
Jour 3 - Matin
Préprocesseur Sass
- Installation et configuration
- Variables et nesting
- Mixins et fonctions
- Partials et imports
- Compilation et optimisation
Jour 3 - Après-midi
Préprocesseur Less
- Présentation de Less
- Comparaison avec Sass
- Variables et mixins Less
- Applications pratiques
- Choix d’un préprocesseur
Modalités d’évaluation des acquis
En cours de formation, par des études de cas ou des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation.