Apprendre Flexbox 🎓
Un cours complet pour apprendre l'intégration moderne avec Flexbox
Le programme en détail
- Qu'est-ce que Flexbox ?
Qu'est-ce que Flexbox ? - Qu'est-ce que le Flow Layout ?
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Que se passe t-il quand on utilise Flexbox ?
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Comprendre la flex direction
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Comprendre l'alignement : content versus items
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - La taille hypothétique
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Comprendre flex-basis, flex-grow et flex-shrink
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - La propriété gap et margin avec Flexbox
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Retours à la ligne et alignement des lignes
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Changer l'ordre des éléments
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - La propriété inline-flex
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Flexbox ou Grid ?
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Quiz : teste tes connaissances
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !)
- Analyser une maquette
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Cas concret 1
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Cas concret 2
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Cas concret 3
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Cas concret 4
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Cas concret 5
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Cas concret 6
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Cas concret 7
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !) - Cas concret 8
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !)
- Intégrer une page complète
🔒 Vous devez acheter le cours pour accéder à ce contenu (sortie prévue bientôt !)
Pourquoi apprendre Flexbox
Flexbox c'est plus qu'un moyen de facilement centrer des div. C'est un mode de mise en page simple en surface, mais complexe si tu veux vraiment le maîtriser. En effet il ne suffit pas de connaître les différentes propriétés qui compose Flexbox pour savoir s'en servir, c'est suffisant pour faire des choses simples, mais si tu veux utiliser Flexbox pour intégrer des mises en page moderne, fluide et responsive en écrivant un minimum de CSS, tu devras comprendre Flexbox, donc comprendre en profondeur son fonctionnement et sa raison d'exister : proposer un système de mise en page flexible. Donc Flexbox ne sert pas juste à centrer des éléments.
Un cours pour comprendre Flexbox
J'ai créer ce cours pour t'aider à comprendre à fond Flexbox et apprendre à l'utiliser pour intégrer les différentes mises en page que tu devras construire au quotidien. J'ai constaté que beaucoup de cours et tutos ne vont pas au bout de choses et ne t'apprenne pas les fondamentaux de Flexbox à savoir : - comprendre le fonctionnement uni-dimensionnel (main axis et cross axis) de Flexbox et les différences avec Grid - les propriétés flex basis, flex gros et flex shrink très souvent mal ou pas du tout comprises - apprendre à construire son markup HTML, intégrer avec Flexbox ce n'est pas que faire du CSS, il faut aussi savoir préparer le code HTML - comprendre la taille hypothétique, ce qu'il se passe vraiment quand tu fais un display: flex; - combiner Flexbox et Flow Layout - et bien dautres concepts très important Ce cours donne une place importante à la pratique, jai préparé 12 cas pratiques, avec détails et corrections à lécrit et en vidéo. Tu apprendras à intégrer des layouts simple et parfois complexes, des alignements de cards de blog, des grilles ou encore des navigations avec Flexbox. + un cas pratique complet, une page a intégrer complete dans cas tu mettras en pratique tout ce que tu auras vu jusquà présent Pour résumé, le cours est construit sur 2 chapitres, un théoriques dans lequel on verra tout ce qui'l y a savoir sur Flexbox. et un chapitre 100% pratique.
Ce que tu sauras faire à la fin de ce cours
- Tu comprendras mieux Flexbox que la majorité des développeurs
- Tu sauras utiliser Flexbox, et pas juste pour faire des centrages
- Tu sauras intégrer de façon moderne
