• Catalogue •
  • Créez rapidement des designs sans quitter votre HTML avec TailWind CSS

Créez rapidement des designs sans quitter votre HTML avec TailWind CSS

Les feuilles de style, pour vous, c'est une galère sans nom ? Alors on a ce qu'il vous faut ! Apprenez la plus tendance des librairies du moment grâce à Tailwind CSS dès maintenant et vous pourrez élaborer tous vos projets sans jamais faire de CSS.

Créez rapidement des designs sans quitter votre HTML avec TailWind CSS
4 heures
Tous les niveaux

Présentation

Bienvenue sur le cours sur Tailwind CSS, le seul cours dont vous avez besoin pour apprendre à utiliser Tailwind CSS, même en partant de zéro.

Avec plus de 4 heures, ce cours est sans doute le plus complet que vous puissiez trouver. Même si vous n'avez aucune expérience en programmation avec Tailwind CSS, vous passerez du niveau débutant à celui de professionnel grâce à ce cours. Voici pourquoi :

  • Ce cours est enseigné par le formateur emblématique de BELIEVEMY, l'un des meilleurs acteurs de la pédagogie dans le domaine du développement web

  • Ce cours a été entièrement mis à jour pour la toute dernière version de Tailwind CSS, vous apprendrez les toutes dernières nouveautés et les meilleures astuces de programmation du moment

  • Ce cours n'est pas un cours magistral : vous allez passer par toutes les émotions et vous allez pratiquer avec des cas concrets et de nombreux challenges.

  • L'ensemble du contenu du cours a été vu et revu pendant plusieurs mois par plusieurs développeurs professionnels utilisant Tailwind CSS pour être parfaitement en adéquation avec les besoins professionnels des entreprises

  • Plus de 100.000 étudiants ont déjà appris le développement web grâce à nos cours

  • Ce cours est constamment mis à jour avec de nouveaux contenus et de nouveaux projets proposés par les étudiants : c'est-à-dire par vous !

Nous allons y aller pas à pas, nous avancerons méthodiquement et astucieusement pour que vous puissiez toujours comprendre ce que vous faites et pour que vous puissiez apprécier vos résultats.

Prérequis

Vous devez avoir des bases en HTML et en CSS pour suivre ce cours.

Plan du cours

Tout ouvrir
    Partie 1 : Avant de commencer
  • 1. Qu'allons-nous faire dans cette formation ?
    Extrait
  • 2. Prérequis
    Extrait
  • 3. Comment poser mes questions ?
    Extrait
  • 4. Comment réussir cette formation ?
    Extrait
  • Partie 2 : Partons sur de bonnes bases
  • 5. Comment fonctionne Tailwind CSS ?
    Extrait
  • 6. Quels sont les logiciels dont nous allons avoir besoin ?
    Extrait
  • 7. Quelles sont les extensions à installer ?
    Extrait
  • Partie 3 : Installons Tailwind CSS
  • 8. Installer Tailwind par le CDN
  • 9. Installer Tailwind par Node avec NPM
  • Partie 4 : Découvrons Tailwind CSS : les classes utilitaires
  • 10. Commençons par mettre de la couleur
  • 11. Facilitons-nous la vie avec l'extension Tailwind
  • 12. La taille du texte
  • 13. Les dimensions (width et height)
  • 14. Les marges et les paddings
  • 15. Les bordures
  • 16. La typographie
  • 17. Les ombres et l'opacité
  • 18. Les propriétés du background
  • 19. Ajouter un dégradé
  • 20. Flexbox
  • 21. Les grilles
  • 22. Mettre en place des transformations
  • 23. Des éléments identiques ? Groupons-les !
  • Partie 5 : Les classes d'animation
  • 24. Nous pouvons aussi utiliser les pseudos-éléments
  • 25. Utiliser le sélecteur group-hover
  • 26. Les transitions
  • 27. Les animations proposées par Tailwind CSS
  • Partie 6 : Le responsive design avec Tailwind CSS
  • 28. Le système de breakpoints
  • 29. Les containers
  • 30. Les breakpoints en fonctionnement
  • 31. Masquer des éléments selon la taille du navigateur
  • Partie 7 : Personnalisons Tailwind CSS selon toutes nos envies
  • 32. Comment configurer Tailwind CSS ?
  • 33. Modifier les couleurs et en ajouter
  • 34. Ajouter des polices personnalisées
  • 35. Ajouter le pseudo-element active
  • 36. Ajouter des classes pour un pseudo-élément spécifique
  • 37. Ajouter un breakpoint
  • 38. Centrer le container
  • 39. Le mode sombre
  • Partie 8 : Pratiquons sur un projet concret
  • 40. Voici ce que nous allons faire
    Extrait
  • 41. Etape 1 : Créer la structure du projet
  • 42. Etape 2 : Utiliser Tailwind CSS
  • 43. Correction
  • Partie 9 : Conclusion
  • 44. Félicitations, vous avez terminé cette formation !
Proposé par Believemy

Gratuit

avec Believemy PRO
Disponible depuis partout : ordinateur, smartphone, tablette
Contenus vidéos en Full HD
+100 000 étudiants se sont formés avec nous
Certification inviolable de fin de formation