Tailwind de A à Z. (V3)

Maîtriser ce Framework CSS

4.58 (256 reviews)

Udemy

platform

Français

language

Web Development

What you will learn

Tailwind CSS

Faire une purge en CSS

Apprendre les classe de Tailwind

Apprendre à personnaliser son dossier

Créer un site de A à Z avec Tailwind

Why take this course?

Bienvenue dans ce cours qui a pour but de t'apprendre à maîtriser TailwindCSS !

Tailwind est un framework CSS populaire qui procure un cadre de travail unique afin de créer des sites/apps webs.

En effet il possède quelques fonctionnalités inédites dans le monde des Frameworks CSS :
- Un dark mode
- Gérer les animation avec des classes HTML
- Gérer les pseudo-classes en HTML
- Une configuration poussée et facile à mettre en place
- Purger son CSS
- etc ...

Le plan du cours va se dérouler comme ceci :

1. Découverte, installation.

2. Les classes utilitaires de base :
- Gérer les couleurs
- Gérer les espacements
- Gérer les tailles
- Utiliser les positions
- Utiliser Flexbox et CSS Grid
- etc ...

3. Utiliser les fonctionnalités spéciales de Tailwind
- Découverte des effets
- Utilisation des filtres
- Gérer les animations
- Créer des interfaces accessibles
- etc ...

4. Créer des composants avec Tailwind
- Coder une page d'inscription
- Coder une section newsletter
- Coder une page de Ecommerce
- etc ...

5. Création d'un Projet "Landing page" !

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 acheté, vous avez le droit de réutiliser le code comme bon vous semble dans votre carrière pro, à l'exeption de la création de formations en ligne ou en physique, là c'est non, évidemment.

Rendez-vous de l'autre côté pour coder tout ça !

Screenshots

Reviews

Ingrid

November 6, 2023

L'intro et la présentation du contenu de cette formation sont très attrayante. On sent qu'il y a de l'enthousiasme à revendre dans cette formation et que l'on va apprendre dans la joie et la bonne humeur :)

laurent

October 2, 2023

Super cours, j'aurais aimé cependant que celui-ci aborde d'avantage la configuration pour tous les projets se basant sur des webdesign précis. Ici on code à la volée, mais dans la pratique, beaucoup d'intégrateurs doivent se baser sur des maquettes. Certaines choses aurait pu être aborder, comment crée dans la configuration une grille de plusieurs colonnes réutilisable pour avoir les mêmes breakpoints, une gouttière commune, etc. Beaucoup de maquettes sont fourni avec une grille 12 colonnes, comme bootstrap, et même si la logique de tailwind est différent, il aurait été intéressant d'apprendre à répliquer se genre de logique, dans les cas où un projet nous contraint de le faire.

John

August 3, 2023

Très bon contenu. Par contre je trouves dommage que sur tout le cours, il effectue pratiquement du copier coller de sa correction. Quand on n’a jamais utilisé emet ou est nouveau en développement web, c’est très déboussolant et on a du mal à suivre.

Michaël

July 3, 2023

Excellente formation de TailwindsCSS en français que je recommande à tous! Des astuces et des projets intéressants. Enzo maîtrise le Front-End. On peut dire qu'il est une des références dans la sphère francophone en matière de formations en ligne dans le développement Web. Bravo pour cette formation claire et efficace! Je peux dire que j'ai compris le TailwindCSS et compte l'utiliser dans mes projets tant il est génial.

Ambre

October 13, 2022

parce que les cours d'Enzo sont super clair et pedagogue je n'en suis pas à ma première formation avec lui et vraiment c'est agréable à suivre merci

FILIPE

May 20, 2022

Explication clair accompagné d’exemples concrets. Le plan de formation est présenté dès le départ, ce qui rends l’apprentissage plus agréable.

Laurent

March 31, 2022

Super cours pour apprendre Tailwind CSS. La partie théorique est enseigné de manière assez ludique par l'intermédiaire du bac à sable, et les exercices choisis pour mettre les notions en pratique sont très intéressants.

Jean-Paul

February 9, 2022

Un petit soucis d'installation et de configuration sur le fichier tailwind.config.js dans lequel il manquait des choses. Mais rien d'insurmontable. Même chose avec postcss. Je pense que le problème est dû à une version trop ancienne de node.js, mais je ne peux pas changer la version en question pour des raisons pro.

Farid

February 7, 2022

Bonne formation. J'aimerai voir le code et en même temps le rendu du site crée pour voir les changements en temps réel.

Anthony

October 13, 2021

Global, bonne introduction à tailwind, quelques bons inputs sur le css et comment fonctionne flex et grid, la promesse est tenue

Janice

July 29, 2021

Un peu vite, mais bon, on peut faire des pauses et reprendre. C'est très approfondi comme formation. Bravo! Je recommande à quiconque veut compléter ses connaissances en Tailwind.

Stéphane

July 26, 2021

Bonne formation, qui présente avec des exemples de mise en forme sur des cas concrets directement réutilisables. Petit point négatif : la partie de création du site est très "recopie de code" pendant 1h30. Il aurait peut-être été intéressant de présenter à quoi on veut arriver, expliquer le mécanisme et la structure voulue, et laisser l'étudiant créer sa propre version, qu'il peut corriger après avec une solution.

Renaud

July 14, 2021

Bonne formation pour "initier" au framework et orientée débutant. L'idée du bac à sable avec les classes disponibles est bonne. Attention à la section 3 de la formation ( partie sur la création de site ) qui est très verbale et aurait pu être plus abordable si on avait eu l'écran splité avec VS Code d'un côté, et le navigateur de l'autre. De cette manière, on aurait pu voir les changements opérer en direct avec des "ctrl+s" réguliers. Principal bémol, l'aspect personnalisation du framework est trop survolée alors que c'est pour moi une des principales raisons de choisir Tailwind-css plutôt que Bootstrap ou autre framework css. Dommage qu'il manque une partie "plugin" qui peut pallier à l'aspect trop verbal du framework. Du coup, je ne considèrerai pas que cette formation puisse être appelée "Tailwind-css de A à Z"

Thomas

May 13, 2021

Très satisfait de cette formation. Instructeur très dynamique qui connait son sujet. Il manque peut-être quelques exercices (le site créé est bien mais au final on ne fait que recopier des classes...), genre "faites-le dans votre coin, nous corrigeons dans la vidéo suivante" mais c'est histoire de trouver quelque-chose de négatif à en redire. Merci ! :)

Juan

May 3, 2021

Je suis à la moitié du cours. J'ai découvert ce framework pour la première fois, ça été super enrichissant. Je connaissais flexbox, medias queries etc ansi que bootstrap; c'est complètement different. dès maintenant je vais adopter ce framework pour me projets :)

Charts

Price

Rating

Enrollment distribution

Tailwind de A à Z. (V3) - Distribution chart