Flexbox CSS | Le programme Ultime par la pratique

Apprendre Flexbox CSS par la pratique

Ratings: 5.00 / 5.00




Description

Bonjour et bienvenue sur ce programme "Flexbox CSS | Le guide Ultime par la pratique".


Vous ne savez pas ce qu'est FlexBox ?

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éé ce programme. 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 ce programme, 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 vais vous expliquer les différentes terminologie à connaître sur Flexbox, ensuite nous mettrons en place notre environnement de travail pour les plus débutant.

  • Deuxième étape : Nous allons voir les différentes fonctions css à appliquer aux containers et aux items. Pas de panique tout sera très bien expliquer. Pour faciliter votre apprentissage, j'ai d'ailleurs séparé ses fonctions en 2 sections (container et items).

  • Troisième étape : Nous réaliserons un site internet 100% responsive avec Flexbox. Vous aurez aussi une vidéo bonus sur les bonnes pratiques lorsque l'ont code un site internet. Vous aurez donc à faire attention sur comment utiliser flexbox mais aussi quels sont les erreurs que je glisse dans le code (corrigé lors de la vidéo : "Les bonnes pratiques (mini correction)").


Pour conclure ce programme, nous allons réaliser un site internet 100% responsive 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.


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

What You Will Learn!

  • Comprendre et maîtriser véritablement le CSS Flexbox et son fonctionnement.
  • Maîtriser la mise en page selon les axes (Axe principal & secondaire)
  • Coder facilement des sites Responsive
  • Maîtriser les propriétés flexbox du container et des items
  • 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
  • Coder un site internet 100% responsive avec Flexbox

Who Should Attend!

  • 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
  • Des développeurs débutants comme experts qui veulent remplacer Boostrap par Flexbox