Flexbox – Maitrise la mise en page de ton site en CSS

Description du Cours:

Il est temps d’éliminer les contraintes de disposition liées au CSS pour l’utiliser d’une manière efficiente et moderne !

Tu as peur de voir le rendu de ton site sur mobile ?

J’étais comme toi !👉 Je disais tout le temps à mes collègues : « Ne fais pas attention au site sur mobile, je suis au courant. Je vais gérer ça à la fin ! »

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.
Heureusement, j’ai rencontré FlexBox

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 ?
Alors ce cours est fait pour toi !

Quels sont les Pré-requis ?

  • Savoir utiliser un éditeur de texte
  • Avoir des bases en HTML et CSS
… Tu auras accès à un cours HTML/CSS offert au cas où.

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:

  • Accès à vie: Accédez à vie à toutes les vidéos du cours…
  • Projet: Fini la théorie, place à la pratique… Créez un site web en utilisant les Flexbox!
  • Code source: Téléchargez les fichiers sources
  • Certificat de Réussite: Prouvez vos connaissances auprès des recruteurs