Lecture automatique
Autocomplete
Session précédente
Terminez et continuez
TailwindCSS de A à Z [V3]
Introducton au cours Tailwind Version 3
Introduction (3:57)
Conseils et code source (3:00)
Astuce pour suivre le cours
Bac à sable, découverte de Tailwind
Explication du bac à sable (5:51)
Marges et remplissage (10:11)
Gérer la taille des éléments (6:54)
La typographie (6:25)
Les couleurs et les effets (8:13)
Les bordures et les séparations (3:56)
La disposition (10:16)
Utiliser Flexbox (3:48)
CSS Grid (6:51)
Faire une installation classique (12:25)
Installation avec POSTCSS (9:58)
Gérer le côté réactif (responsive) (5:18)
La personnalisation, mise en place (4:39)
La personnalisation CSS (11:18)
La personnalisation du fichier tailwind.config (14:07)
Mise en place des concepts de Tailwind (4:30)
Les animations et les transitions (6:16)
Le "Dark mode" (5:05)
Les "modifiers" (5:07)
Coder des composants
Tentez de coder les composants de votre côté !
1. Coder une liste de Blog (16:50)
2. Coder une section de contenu (7:50)
3. Coder un "Call to Action" (8:52)
4. Page Ecommerce (7:45)
5. Coder un footer (22:45)
6. Section "newsletter" (7:18)
7. Coder une section "pricing" (14:21)
8. Section "Sign up" (17:15)
9. Tableau (7:53)
10. Créer une liste d'utilisateurs (10:03)
Coder une landing page
Tentez également de coder cette landing page en premier.
Installation de la "Landing page" (5:31)
Coder une navbar réactive avec TailwindCSS (19:42)
Coder la page d'accueil (12:53)
La section "appel à l'action" (9:58)
Coder un bandeau d'informations (4:53)
Section "Preuve sociale" (5:43)
Le formulaire (7:26)
Le footer (5:02)
[Version 2] [Ancien cours] Introduction
Introduction (2:46)
Astuce pour suivre le cours (0:58)
[Version 2] Découverte de Tailwind
Mise en place du bac à sable (2:47)
Création du CSS (11:23)
Les classes liées à la marge et au padding (7:47)
Gérer width & height (7:56)
La typographie (4:02)
Les classes utilitaires de typographie (8:54)
Gérer le background (4:50)
Les bordures (6:56)
La disposition (9:21)
Flexbox (5:37)
CSS Grid (5:22)
Le responsive avec Tailwind (4:04)
La personnalisation partie 1 (8:51)
La personnalisation partie 2 (7:47)
Le Dark mode (4:22)
Les variants (3:48)
La purge (4:53)
Les transitions et animations (4:49)
[Version 2] Création du site
Mise en place (7:51)
Navbar (11:55)
Partie Accueil (9:29)
Section Call to action (12:53)
Séparation bleue (5:47)
Section tarifs (9:45)
Section preuve sociale (4:55)
Formulaire (9:02)
Footer (3:35)
Navigation responsive (11:06)
Coder une navbar réactive avec TailwindCSS
Contenu de la session verrouillé
Si vous êtes déjà inscrit,
vous aurez besoin de vous connecter
.
Achetez le cours pour déverrouiller