Article original : Learn Tailwind CSS in Spanish – Full Course

Tailwind est un framework CSS avec des classes prédéfinies que vous pouvez combiner pour créer des sites web modernes et réactifs.

Nous venons de publier un cours sur la chaîne YouTube freeCodeCamp.org en espagnol qui vous apprendra Tailwind CSS. Vous passerez des bases à la création de vos propres projets réels. À la fin du cours, vous serez en mesure de concevoir et de mettre en œuvre des sites web réactifs avec Tailwind CSS.

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 David Ruiz. David est un développeur web Front-End avec plus de 5 ans d'expérience. Il partage des projets et des cours sur Tailwind CSS, HTML, CSS, JavaScript et React sur sa chaîne YouTube.

Il vous apprendra à créer et à mettre en œuvre des designs web modernes et réactifs étape par étape avec les classes prédéfinies de Tailwind CSS.

Avant de plonger dans Tailwind CSS avec le cours de David, faisons une rapide introduction. Nous parlerons de ce qu'est Tailwind et pourquoi il est utile de l'apprendre si votre objectif est de concevoir et de créer des sites web modernes et réactifs rapidement et efficacement.

Qu'est-ce que Tailwind CSS ?

Tailwind CSS est un framework CSS avec des classes prédéfinies que vous pouvez utiliser pour styliser des éléments HTML.

Avec Tailwind, vous pouvez ajouter des classes CSS à vos éléments HTML directement dans le fichier HTML et voir comment les styles prédéfinis sont appliqués immédiatement.

💡 Astuce : Oui ! Avec Tailwind CSS, vous écrivez votre CSS directement dans le fichier HTML.

Image Tailwind CSS (Site officiel).

Pourquoi choisir Tailwind CSS ?

Apprendre Tailwind CSS peut apporter de nombreux avantages à votre flux de travail de développement web, notamment :

  • Développement plus rapide car vous pouvez utiliser des classes CSS prédéfinies au lieu de définir vous-même les styles CSS.
  • Design réactif car ces classes CSS prédéfinies supportent des variantes pour différentes tailles d'écran. Vous pouvez développer des sites web réactifs directement depuis votre fichier HTML, sans requêtes média supplémentaires.
  • Fichiers CSS plus simples car vous ne définirez pas tous les styles vous-même dans des fichiers CSS personnalisés.
  • Cohérence car vous et vos collègues utiliserez les mêmes classes CSS avec les mêmes conventions de nommage tout au long du projet.
  • Fonctionnalités de personnalisation car vous pouvez personnaliser et configurer beaucoup de ces classes CSS prédéfinies pour répondre à vos besoins.

Ça a l'air génial, n'est-ce pas ? 😊

Image Styliser un formulaire avec Tailwind CSS (Capture d'écran du cours).

En apprenant Tailwind CSS, vous acquerrez des compétences précieuses pour votre carrière de développeur web.

Si vous êtes prêt à commencer à intégrer Tailwind CSS dans votre flux de travail, examinons le contenu du cours.

Cours de Tailwind CSS en espagnol

Pendant le cours, vous apprendrez les aspects suivants de Tailwind CSS :

  • Comment installer et configurer Tailwind CSS
  • Couleurs
  • Taille
  • États
  • Pseudo-classes
  • Design Web Réactif
  • CSS Flexbox avec Tailwind CSS
  • CSS Grid avec Tailwind CSS
  • Et plus encore !

De plus, vous apprendrez à basculer en mode sombre avec des styles prédéfinis de Tailwind CSS et vous créerez trois projets réels complets :

  • Un panneau de notifications
  • Un tableau de bord
  • Une page de destination

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

✍️ Cours créé par David Ruiz.