Formation CSS Grid Layout

Cette formation va vous permettre de passer un cap dans votre expertise sur CSS

Description de la formation CSS Grid Layout

Grâce à cette formation de deux jours, vous serez à même de profiter de toutes les nouveautés apportés par cette spécification CSS3 pour pour construire des gabarits, des grilles de mise en page, voire des applications web entières en quelques lignes de code.
Le module de positionnement Grid Layout est une spécification du W3C à l’état de Candidate Recommandation . Ce dernier est mainterant exploitable en production sur l’ensemble des navigateurs, le concept général de Grid Layout (ou « positionnement en grille ») est de structurer l’espace en zones majeures, au sein d’une page web ou d’une application.

Bulletin d’
inscription
 Demande de
devis
 Détail du
programme

Programme de la formation CSS Grid Layout

  • Concepts généraux
  • Démonstration initiale
  • Une spécification W3C finalisée
  • Grid Container, Grid Item
  • Grid Line, Grid Track, Grid Cell, Grid Area
  • Les propriétés de grille sur le parent
  • Les propriétés de grille sur les enfants
  • Le flux dans la grille
    • Grille implicite
    • Grille explicite
    • Propriétés de flux automatique
    • Placement automatique
    • Unités et valeurs de Grid Layout
      • L’unité « fr »
      • La valeur « auto »
      • La fonction « minmax() »
    • Placer explicitement
      • Le Placement défini
      • Propriétés de placement défini
      • Les Zones nommées
      • Propriétés de zones nommées
      • Les propriétés raccourcies
      • Les méthodes de fusion de cellules
      • Appliquer des gouttières
      • Aligner dans Grid Layout
        • Alignement des l’ensemble des cellules
        • Alignement général des Grid Items
        • Alignement individuel d’un Grid Item
        • Répétition de motifs
          • Fonction repeat()
          • Les valeurs auto-fill et auto-fit
          • La combinaison repeat() + auto-fit + minmax()
  • Fonctionnalités avancées
    • Modification de l’ordre d’affichage
    • Superposition d’éléments
    • Valeurs négatives de Grid Line
    • Construction d’un template responsive
    • Support de Grid Layout
    • Tableau de support navigateurs
    • Ressources : Grid Polyfill et Gridbugs
    • Amélioration progressive
    • Le « cas » IE
    • Les stratégies de mise en production
  • Niveau : Perfectionnement
  • Ref : TCCGL
  • Durée : 2 jours
  • Prix : 1090€
  • Niveau : Perfectionnement
  • Ref : TCCGL
  • Durée : 2 jours
  • Prix : à définir
organiser votre formation

Objectifs

  • Redécouvrir du HTML et du CSS
  • Maîtriser le Responsive grâce à la capacité de Grid Layout à s'adapter immédiatement aux différentes tailles d'écran,
  • Savoir gérer multiples templates (gabarits) de page ou d'application simplement et sans intervenir sur la structure du document

Public

  • Webdesigners et intégrateurs avancés ou experts
  • Développeurs
  • Chefs de projet Web

Pré-requis

  • Être familier avec HTML, CSS
  • Bonne connaissance des notions de base de positionnement CSS (float, position absolute, inline-block, Flexbox)
Pré-inscription
Nous réalisons cette formation avec les experts d'AlsaCreations.
logo_alsacreations
Nous proposons
Consulting
Formation