TaillwindCSS de A à Z
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO TaillwindCSS de A à Z

Enzo Ustariz
33,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Bienvenue dans ce cours 100% en ligne, pour apprendre à maîtriser TailwindCSS !
TailwindCSS est un framework CSS populaire, qui procure un cadre de travail unique pour créer des sites webs.

En effet, il possède quelques fonctionnalités inédites :

  • Un dark mode,
  • Gérer les animations avec des classes HTML,
  • Gérer les pseudo-classes en HTML,
  • Configurer son code à volonté,
  • Purger son CSS,
  • etc ...

En plus de cela, il propose des classes utilitaires, parfaites pour coder un site rapidement, directement depuis notre HTML.
Il est également utilisé avec tous les Frameworks JS, car il permet de produire rapidement le côté front-end d'une web app.

Au programme de cette formation TaildwindCSS de A à Z

Comme d'habitude, pour mes cours sur les Frameworks CSS, je vous ai préparé un système de bac à sable pour qu'on puisse découvrir ensemble toutes les fonctionnalités de TailwindCSS.

Une fois les fonctionnalités fondamentales acquises, nous passerons sur la réalisation d'un exercice pratique : nous ferons un site complet de A à Z.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur Tailwind.
Rendez-vous de l'autre côté pour coder tout ça !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introducton au cours Tailwind Version 3
Chapitre 2
Bac à sable, découverte de Tailwind
Chapitre 3
Coder des composants
Chapitre 4
Coder une landing page

Plan détaillé du cours

Chapitre 1 : Introducton au cours Tailwind Version 3
06m59
 
Leçon 1Introduction
Leçon 2Conseils et code source
Chapitre 2 : Bac à sable, découverte de Tailwind
2h21
 
Leçon 1Explication du bac à sable
Leçon 2Marges et remplissage
Leçon 3Gérer la taille des éléments
Leçon 4La typographie
Leçon 5Les couleurs et les effets
Leçon 6Les bordures et les séparations
Leçon 7La disposition
Leçon 8Utiliser Flexbox
Leçon 9CSS Grid
Leçon 10Faire une installation classique
Leçon 11Installation avec POSTCSS
Leçon 12Gérer le côté réactif (responsive)
Leçon 13La personnalisation, mise en place
Leçon 14La personnalisation CSS
Leçon 15La personnalisation du fichier tailwind.config
Leçon 16Mise en place des concepts de Tailwind
Leçon 17Les animations et les transitions
Leçon 18Le "Dark mode"
Leçon 19Les "modifiers"
Chapitre 3 : Coder des composants
2h01
 
Leçon 11. Coder une liste de Blog
Leçon 22. Coder une section de contenu
Leçon 33. Coder un "Call to Action"
Leçon 44. Page Ecommerce
Leçon 55. Coder un footer
Leçon 66. Section "newsletter"
Leçon 77. Coder une section "pricing"
Leçon 88. Section "Sign up"
Leçon 99. Tableau
Leçon 1010. Créer une liste d'utilisateurs
Chapitre 4 : Coder une landing page
1h11
 
Leçon 1Installation de la "Landing page"
Leçon 24-0-navbar.mp4
Leçon 3Coder la page d'accueil
Leçon 4La section "appel à l'action"
Leçon 5Coder un bandeau d'informations
Leçon 6Section "Preuve sociale"
Leçon 7Le formulaire
Leçon 8Le footer

Avis des apprenants

Détail des avis
151
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Céline Lannes
Céline Lannes
Publié le 13/01/2021
Excellent tuto, les explications sont très claires et la partie bac-à-sable théorique est très bien conçue. On voit qu'il y a beaucoup de travail de préparation en amont. Merci beaucoup Enzo pour cette formation sur Taildwind CSS qui ne cesse de prendre de l'ampleur.

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 33,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données