Description du Cours:
Tu as peur de voir le rendu de ton site sur mobile ?
En vérité j’en avais marre.
- Marre d’ajouter 200 media queries pour que mon site soit adaptable ;
- Marre d’ajouter une marge ou un padding à un endroit et de foutre en l’air toute la structure de mon site ;
- Marre qu’après 1000 tests, quelqu’un vienne me dire : “Regarde il y a un problème sur tablette !” ;
- Marre de coller des “bouts de scotch” sur l’intégralité de mes sites web.
Plan du cours
- Module 1 : Découvre pourquoi les FlexBox existent et comment elles fonctionnent.
Dans ce module nous découvrirons les principes de base pour comprendre FlexBox avant de pouvoir les utiliser.
- Module 2 : Les propriétés de FlexBox liées aux conteneurs.
Dans ce module, nous nous intéresseront aux propriétés liées aux conteneurs. Vous savez, la <div> qui entoure plein d’éléments, ou l’élément parent !
Toutes les div peuvent devenir à leur tour des conteneurs. Concernant les propriétés, il n’y en a pas beaucoup mais elles sont relativement efficaces !
- Module 3 : Les propriétés de FlexBox liées aux éléments du conteneur.
Un peu moins utilisées mais tout aussi redoutables, nous nous intéresseront aux propriétés de FlexBox liées aux éléments ou tous les blocs à l’intérieur d’un conteneur.
- Module 4 : Exemple pratique – Construction d’un site web depuis 0 grâce à FlexBox.
Ce module représente la mise en pratique à l’état pur. Vous pourrez même afficher le rendu final sur votre CV en ligne en tant que projet personnel !
À qui s’adresse ce cours ?
- Tu as quelques bases en HTML et CSS ?
- Tu es développeur et tu veux devenir meilleur en développement Front-End et Web Design ?
- Tu souhaites te tenir à jour sur les évolutions des standards sur le net ?
- Tu es développeur Front-End ou intégrateur web et tu n’utilises pas FlexBox ?
Quels sont les Pré-requis ?
- Savoir utiliser un éditeur de texte
- Avoir des bases en HTML et CSS
Une fois ce cours terminé, tu seras capable de :
- Remplir (ou faire remplir) intelligemment l’espace vide sur ta page web
- Écrire du code CSS de qualité
- Créer une structure de site web adaptable à tout type d’écran et réutilisable
- Aligner verticalement et horizontalement des éléments sans contraintes
- Créer des designs modernes et adaptables
- Ajouter de l’espace entre les éléments sans marge interne ou externe
- Implémenter toute la structure d’un site web adaptable à 100% ;
- Et bien plus encore !
Achetez le cours “Contrôle tous les éléments de ton site web grâce aux FLEXBOX” pour avoir accès:
