Formation Grid et FlexBox : Maîtriser le couple parfait

Tuto vidéo Ecrire la nav Gauche de l'écran inférieur

Ecrire la nav Gauche de l'écran inférieur
Présentation
Plan détaillé
Ressources
Discussion
Avis (0)

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 :

Objectifs

  • 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

Prérequis

Public concerné

  • Autodidacte
  • Etudiants en développement web
  • Toute personne désireuse d’apprendre Grid Layout et Flexbox
Formateur : Carl BRISON
Date de mise en ligne : 10-11-2020

Evaluations


5
(10 votes)
5
10
4
0
3
0
2
0
1
0
Ceci peut aussi vous intéresser