Cette formation avancee s’adresse aux developpeurs Web qui maitrisent deja les bases de CSS et souhaitent aller plus loin dans la mise en page et l’interactivite visuelle. Vous approfondirez les layouts complexes avec Grid et Flexbox, les animations et transformations CSS, et la strategie Mobile First. La maitrise des preprocesseurs Sass et Less completera votre palette d’outils pour les projets professionnels.
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.
Voir aussi
Vous serez peut-être intéressés par les formations suivantes :
Formation DEV-WEB-210 — CSS - Avancé. Domaine : Développement. Niveau : Intermédiaire. Durée : 3 jours (21 heures). Mots-clés : css, sass, less, responsive, flexbox, grid, animations, développement, avancé. Cylian Formation, Dijon.