10,00

Tuto Comment fonctionne l'intégration CSS avec Flexbox ? avec CSS, HTML

10,00

  • Une formation vidéo de 1h15s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Comment fonctionne l'intégration CSS avec Flexbox ?

ajouter ce cours aux favoris retirer ce cours des favoris

Retrouvez cette formation dans le bundle :

Le CSS Moderne

-31% de réduction

voir les détails du bundle


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.

Table des matières de cette formation CSS, HTML (durée : 1h15s)

    • Introduction gratuit 00:01:23
    • Créer un conteneur Flexbox 00:11:54
    • Direction des éléments flexibles 00:06:28
    • Alignement des éléments flexibles 00:12:34
    • Les pouvoirs du margin: auto 00:09:19
    • Ordre et alignement individuel des éléments flexibles 00:05:17
    • Gérer la taille d'un élément flexible 00:12:53
    • Conclusion 00:00:27



Formateur : Steven Sil

Steven Sil a publié 45 tutoriels et obtenu une note moyenne de 4,7/5 sur 26 189 tutoriels vendus. Steven Sil est un formateur certifié tuto.com. Voir les autres formations de Steven Sil

4,9
note moyenne

15
avis laissés
5 étoiles
14
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de federico laissé 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!

  • 5
    avis de bipbip59 laissé le 18/12/2020
    Une explication très complète sur les flex. Un tuto parfaitement rempli de données

  • 5
    avis de f087 laissé le 01/05/2020
    Très bonne formation. Explications précises et claires. Tout est détaillé. Rien n'est laissé au hasard. Parfait.

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    CSS 3, HTML 5
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
Parcours Developpeur Front End
accédez à plus de 1420 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données