CSS Grid - cours complet

Window shadow drop on white wall background

Contenu du cours

• Comprendre le concept et l’utilité de CSS Grid Layout.
• Identifier la différence entre CSS Grid et Flexbox.
• Définir un conteneur grid en CSS.
• Créer des lignes et des colonnes dans une grille.
• Utiliser les propriétés grid-template-rows et grid-template-columns.
• Positionner des éléments enfants sur la grille avec grid-row et grid-column.
• Utiliser la propriété grid-area pour organiser la mise en page.
• Appliquer la fonction repeat() pour générer des colonnes ou lignes rapidement.
• Utiliser l’unité fr pour dimensionner les colonnes et lignes de manière flexible.
• Créer des zones nommées avec grid-template-areas.
• Combiner CSS Grid avec Flexbox pour des mises en page avancées.
• Créer une mise en page responsive avec CSS Grid et les media queries.
• Comprendre l’alignement des items et du contenu dans Grid.
• Analyser des exemples de templates de sites utilisant CSS Grid.
• Concevoir une mise en page complète en utilisant CSS Grid Layout.

Suite au cours

Le cours est prévu pour vous donner une maîtrise complète du langage. Dans le cadre de notre garantie, nous vous soutenons dans vos réalisations pratiques durant 1 année après le cours

Structures de cours

• After Work, cours en début de soirée (18:00 à 20h45)
• Journée entière, cours dispensé sur une journée entière (essentiellement pour les entreprises)
• Demi-journées, cours dispensé réparti sur des demi-jounées

Formes de cours

• Blended learning, une partie du cours est en présentiel, l'autre peut être dispensée en ligne
• Présentiel, le cours est en présentiel, dans nos locaux ou dans l'entreprise
• En ligne (avec enseignant), tout le cours se déroule en ligne