Formation Grid et FlexBox : Maîtriser le couple parfait

Description de la formation

Dans cette formation, vous allez apprendre à réaliser de site web moderne en utilisant Grid et Flexbox.

# C'est quoi Grid et Flexbox ?

+ Le Grid Layout de CSS3

Grid Layout est le système de mise en page le plus puissant disponible en CSS3. C'est un système bidimensionnel, ce qui signifie qu'il peut gérer à la fois des colonnes et des lignes.

Vous allez travailler avec Grid Layout en appliquant des règles CSS à la fois à un élément parent (qui devient le conteneur de grille) et aux enfants de cet élément (qui deviennent des éléments de grille).

+ La propriété CSS3 Flexbox

Flexbox dans CSS3 est un modèle de boîte flexible qui succède aux solutions de display "inline" et "float" pour gérer la disposition des éléments et structure des pages web.

# Ce que vous allez apprendre dans cette formation Grid et Flexbox

Dans cette formation Grid et Flexbox, Vous allez apprendre à utiliser les deux technologies ensembles. Vous allez voir la procédure de travail afin d'utiliser correctement le CSS moderne au travers de GridLayout et de Flexbox. Il faut signaler que les deux technologies ne sont pas concurrentes mais plutôt complémentaires.

Après une première partie sur de la théorie de la procédure du travail de réalisation de site web moderne via Grid et Flexbox, vous allez effectuer trois exercices afin de bien consolider les connaissances acquises. Vous allez faire un exercice de niveau facile, un second de niveau moyen et un troisième de niveau difficile.

En bonus, une partie est dédiée à la création de tableau moderne en utilisant Grid Layout et Flexbox.

+ Les formations HTML et CSS3 à suivre :

• Formation CSS Grid : Maîtriser le Responsive
• Formation FlexBox : Rendre les pages flexibles
• Formation HTML et CSS : Le Guide du Débutant
• Formation HTML et CSS : Le Niveau Avancé
• Formation Visual Studio Code et Emmet : Coder plus vite

• Apprendre à utiliser Grid et Flexbox ensemble
• Créer des tableaux en HMTL et CSS moderne
• Mettre en place et écrire les Medias Queries
• Mettre en forme le tableau avec CSS Grid
• Mettre en place le responsive d’un site web avec Grid et Flexbox

• Connaître les bases des langages HTML & CSS
• Connaître la technologie Flexbox
• Connaître la technologie Grid

• Autodidacte
• Etudiants en développement web
• Toute personne désireuse d’apprendre Grid Layout et Flexbox