CSS Grid - cours complet

Window shadow drop on white wall background

Description du cours

CSS Grid est un système de mise en page en deux dimensions qui permet de créer facilement des structures complexes sur le web. Contrairement à Flexbox qui organise les éléments en une seule dimension (ligne ou colonne), CSS Grid organise le contenu en lignes et en colonnes simultanément. Il offre un contrôle précis sur la disposition des éléments, la taille des cellules, et la création de zones nommées, tout en facilitant la conception de mises en page responsives. Grâce à ses propriétés comme grid-template-rows, grid-template-columns, et grid-area, il simplifie la création de layouts modernes, structurés et flexibles pour tout type de site web.

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

Achat du cours

Aucun produit associé.