Article original : Learn CSS Flexbox in Spanish – Course for Beginners

Avec CSS Flexbox, vous pouvez facilement créer des sites web réactifs qui s'adaptent à différentes tailles d'écran et appareils. C'est une compétence essentielle pour tout développeur web moderne.

Nous venons de publier un cours sur la chaîne YouTube freeCodeCamp.org Spanish qui vous apprendra Flexbox depuis les bases. À la fin du cours, vous serez capable de concevoir et d'implémenter des mises en page réactives.

Si vous avez des amis hispanophones, vous êtes les bienvenus pour partager la version espagnole de cet article avec eux.

Ce cours a été créé par Leosbel Poll Sotomayor. Leosbel est ingénieur logiciel avec plus de 10 ans d'expérience. Il a commencé à créer il y a plus de 20 ans à Cuba et vit maintenant au Canada grâce à ses compétences en programmation. Il a créé ce cours pour la communauté freeCodeCamp.

Êtes-vous prêt ? Voyons un aperçu rapide de Flexbox et ce que vous apprendrez pendant le cours.

Qu'est-ce que CSS Flexbox ?

CSS Flexbox signifie CSS Flexible Box Layout. C'est un modèle de mise en page qui permet aux éléments réactifs d'être réorganisés dans un conteneur en fonction des propriétés CSS qui définissent comment les enfants doivent "bouger" pour s'adapter à la taille de leur conteneur.

Avec Flexbox, vous pouvez aligner, distribuer et espacer les éléments en utilisant des propriétés simples, afin d'éviter des calculs complexes dans votre CSS.

Pendant le cours, vous apprendrez à utiliser ces propriétés :

  • **flex-direction**
  • **justify-content**
  • **flex-wrap**
  • **align-items**
  • **align-content**
  • **flex-grow**
  • **flex-basis**
  • **flex-shrink**

Et plus encore ! Vous apprendrez également à les combiner avec des requêtes média pour créer des mises en page réactives encore plus puissantes.

Image Mise en page Flexbox. Enveloppement automatique des éléments.

Opportunités de carrière

Si votre objectif est de faire carrière dans le domaine du développement web, Flexbox sera super utile pour vous. Ces compétences sont très demandées et largement recherchées par les employeurs.

Image Mise en page Flexbox. Conception classique avec une barre de navigation, une barre latérale, une zone principale et un pied de page.

Cours Flexbox en espagnol

Super. Maintenant que vous savez pourquoi Flexbox est si important, examinons les sujets que vous apprendrez pendant le cours :

  • Introduction
  • Qu'est-ce que Flexbox ?
  • Importance de Flexbox
  • Fondamentaux de Flexbox
  • Outils que vous utiliserez pendant le cours
  • Comment configurer votre environnement de développement
  • Propriétés liées aux conteneurs
  • Perte de données en CSS
  • Propriétés liées aux enfants
  • Cas d'utilisation : Barre de navigation
  • Cas d'utilisation : Conception classique
  • Flexbox vs. Grid

Si vous êtes prêt à apprendre Flexbox, consultez le cours en espagnol sur la chaîne YouTube freeCodeCamp.org Spanish :

✍️ Cours créé par Leosbel Poll Sotomayor.