Comment fonctionne l'intégration CSS avec Flexbox ?
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h
de formation
8
leçons vidéo
1
chapitre
Intermédiaire
niveau requis
Steven Sil
Steven Sil
Formateur certifié

Comment fonctionne l'intégration CSS avec Flexbox ?

4.7/5 Trustpilot (1396 avis) Satisfait ou remboursé
1h
de formation
8
leçons vidéo
1
chapitre

Dans cette nouvelle formation CSS, vous allez apprendre comment utiliser le module CSS 3 Flexbox qui va vous permettre d'intégrer vos futurs sites Web avec la plus grande des facilités.

Finie l'utilisation des flottants ou encore des display inline-block pour gérer l'intégration de vos designs ! Vous allez enfin avoir un ensemble de propriétés CSS pour gérer l'intégralité de la disposition de vos éléments HTML. Si vous maîtrisez en plus le responsive design et l'utilisation des media queries (voir ma formation à ce sujet), Flexbox sera le module parfait pour gérer l'affichage de vos éléments aux différentes tailles d'écrans.

Au programme de cette formation intégration avec Flexbox

  • Une introduction gratuite pour comprendre les possibilités de Flexbox,
  • 3 vidéos dédiées au conteneur Flexbox (Propriétés display, flex-wrap, flex-direction, flex-flow, justify-content, align-content, align-items),
  • 3 vidéos dédies aux éléments flexibles (Propriétés margin, order, flex-grow, flex-shrink, flex-basis, flex, align-self).

A la fin de cette formation, vous serez en capacité d'utiliser Flexbox pour gérer l'intégration complète de vos designs et vous pourrez tester vos connaissances avec un QCM qui couvre l'ensemble des notions découvertes durant la formation.

En cas de questions, vous pourrez me contacter via l'espace d'entraide de la formation.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Introduction
Leçon 2
Créer un conteneur Flexbox
Leçon 3
Direction des éléments flexibles
Leçon 4
Alignement des éléments flexibles
Leçon 5
Les pouvoirs du margin: auto
Leçon 6
Ordre et alignement individuel des éléments flexibles
Leçon 7
Gérer la taille d'un élément flexible

Table des matières

Leçon 1

Introduction

01m23
Leçon 2

Créer un conteneur Flexbox

11m54
Leçon 3

Direction des éléments flexibles

06m28
Leçon 4

Alignement des éléments flexibles

12m34
Leçon 5

Les pouvoirs du margin: auto

09m19
Leçon 6

Ordre et alignement individuel des éléments flexibles

05m17
Leçon 7

Gérer la taille d'un élément flexible

12m53
Leçon 8

Conclusion

27s

Aperçus

Avis des apprenants

Détail des avis
320
Apprenants
16
Commentaires
5/5
Note moyenne
5/5
15
4/5
1
3/5
0
2/5
0
1/5
0
Andree Claire Lieg
Andree Claire Lieg
Publié le 22/05/2024
Super bien expliqué, et j'ai réussi à le mettre sur mes bandeaux
Steven Sil
Steven Sil
Merci !
Federico Webe Ireill
Federico Webe Ireill
Publié le 21/10/2021
Alors je suis vraiment debutant ici! Et avec le CPF je vais te suivre dans pas mal des videos ! Pour 1hr de tuto s'a etait 2:30 de travaille perso.. J'essaye de faire chaque pas que tu fait.. Et pour l'instante je ne vois pas trop à quoi me serve tout ça !! Mais comme architecte j'utilise beaucoup inDesing.. donc j'ai l'impression que c'est la même chose mais plus arcaique avec des ligne des codes..

Tu fait des bootcamps en france? Tu pense que devrait continuer avec HTML et CSS ou tu pense qu'aussi en paralel je devrait commencer aussi avec javascript? Si je veux faire un website avec par exemple un liste des cronometres comme ça je peux suivre le temsp que j'investise.. Je peux faire ça avec HTML ou il faut passer par JavaScript?

Merci et deso pour le long message?

En tout case c'est super interessant!
Dominique Van-Damme
Dominique Van-Damme
Publié le 18/12/2020
Une explication très complète sur les flex. Un tuto parfaitement rempli de données
Steven Sil
Steven Sil
Merci beaucoup !

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
9,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ 27,91€ /mois
Le 1er mois, puis 34,90€ - sans engagement
Cette formation + 6 788 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Profiter de l'offre
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.7/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données