CSS Flexbox - L'ultime Formation ! | Udemy

CSS Flexbox - L'ultime Formation !Highest RatedRating: 4.8 out of 54.8(100 ratings)1,045 studentsDevelopmentWeb DevelopmentCSS FlexboxPreview this courseCSS Flexbox - L'ultime Formation !Apprendre FlexBox avec des visuels et du code simple.Highest RatedCreated byDONKEYGEEK TaharLast updated 1/2025FrenchFrench [Auto],Preview this course

What you'll learn

• Comprendre et maîtriser véritablement le CSS Flexbox et son fonctionnement.
• Apprendre le CSS Flex Box sur le plan théorique avant de l'appliquer à des cas réels d'utilisation et sur de vrais projets
• Comprendre les avantages du CSS FlexBox via des exemples simples et pratiques.
• Coder ensemble un template avec le CSS Flexbox
• Profiter de la puissance du CSS 3
• Coder facilement des sites Responsive
• Maîtriser la mise en page selon les axes (Axe principal & secondaire)
• Maîtriser les propriétés flexbox du container et des items
• Coder facilement un menu résponsive

Explore related topics

Course content

4 sections • 24 lectures • 4h 6m total lengthExpand all sections

Introduction2 lectures • 3min

• IntroductionPreview2:37
• Adaptez la formation à votre rythme0:22

Les propriétés flexbox13 lectures • 2hr 32min

• Display FlexPreview9:12
• Flex DirectionPreview9:19
• Flex WrapPreview8:50
• Flex Flow6:00
• Justify Content15:38
• Align Items8:15
• Align Content23:09
• Order13:05
• Flex Grow7:32
• Flex Shrink12:32
• Flex Basis10:57
• Combiner le Flex Grow, Flex Shrink et Flex Basis via Flex.16:53
• Align Self10:21

Exercices Pratiques8 lectures • 1hr 30min

• Exercice Pratique: Template avec CSS Flexbox - Partie 120:12
• Exercice Pratique: Template avec CSS Flexbox - Partie 28:34
• Exercice Pratique: Template avec CSS Flexbox - Partie 32:44
• Exercice Pratique: Template avec CSS Flexbox - Partie 49:42
• Exercice Pratique: Template avec CSS Flexbox - Partie 511:49
• Exercice Pratique: Template avec CSS Flexbox - Partie 68:01
• Exercice Pratique: Template avec CSS Flexbox - Partie 719:22
• Exercice Pratique: Template avec CSS Flexbox - Partie 89:30

Remerciements1 lecture • 2min

• Remerciements2:03

Requirements

• Les connaissances de bases en HTML et CSS suffisent. Pas besoin d'être un expert.
• Aucune expérience préalable en Flex Box n'est requise.

Description

Bonjour les amis et bienvenue sur cette formation CSS FlexBox.

Vous ne savez pas ce que c'est quoi FlexBox?

Les CSS FlexBox CSS aussi connus sous le nom "CSS Flexible Box Layout Module" sont un standard CSS3 permettant la disposition des éléments dans une page web en permettant d'avoir un design responsive (Qui s'adapte donc à l'écran de l'utilisateur).

De nos jours, le CSS FlexBox n'est plus une option pour les développeurs front et c'est la raison pour laquelle j'ai créé cette formation. En effet, il existe beaucoup de tutoriels sur FlexBox mais, hélas, ces derniers ne vont pas droit au but afin de vous expliquer clairement les différentes propriétés afin que vous puissiez bien maîtriser. Ces tutos sont souvent des exercices faits directement dans de gros projets avant un code spaghetti ce qui les rends difficiles et assez confus.

Dans cette formation, j'ai décidé de vous expliquer FlexBox de la manière la plus simple possible.

Oui, nous allons aborder les divers concepts et techniques en deux étapes.

• Première  étape: Je vous l'explique d'une manière visuelle. Pour cela, je vous ai préparé des slides Keynote pour chaque propriété qui sera d'ailleurs étudiée dans une vidéo bien dédiée.

• Deuxième étape: Nous allons faire un petit exercice qui va droit au but afin de vous expliquer la propriété étudiée avec un code simple et clair.

En outre, je vous ai créé un guide en format PDF que vous pouvez télécharger en début de formation. Il vous servira comme un guide mémoire pour bien vous repérer tout au long de la formation. C'est aussi un guide que vous pouvez garder pour le consulter en cas de besoin.

Pour conclure la formation, nous allons réaliser quelques maquettes afin de mettre en pratique les notions acquises dans la formation. En effet, c'est une étape souvent négligée pourtant essentielle car c'est le moyen qui permet d'effectuer des exercices et de travailler sur un véritable projet digne de ceux qu'on pourrait réaliser en entreprise.

Bonne formation à tous :-)

Donkey Geek

PS: Je ferai de mon mieux pour répondre à vos questions ayant un lien direct au contenu de cette formation. En revanche, je ne suis pas habilité à intervenir sur vos projets personnels ou ceux sur lesquels vous travaillez en entreprise.

Who this course is for:

• Cette formation s'adresse à tous les étudiants qui souhaitent étendre leurs horizons au-delà des fonctionnalités de base du CSS et devenir capable de coder facilement leurs templates responsives en HTML/CSS les plus modernes en 2021.
• Des gens sans expérience en CSS Flexbox et qui veulent l'apprendre.
• Les designers web/mobile qui veulent gagner en efficacité et profiter de la puissance du CSS3 grâce a Flexbox
• Développeurs qui veulent devenir rapidement des experts en CSS FlexBox

Show moreShow lessReport abuse