TailwindCSS V3 : Installation dans la joie et la bonne humeur ✨

🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-w...
📚 Tous mes cours sur UDEMY : liste-des-cour...
🚀 1 Cours gratuit en t'abonnant à ma newsletter :
www.le-designe...
Le lien du Discord : / discord
Ma chaine en Anglais :
/ @thewebschool
Je suis aussi sur la plateforme Tuto.com :
fr.tuto.com/fo...

[@EcoleduWeb]

🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/ 📚 Tous mes cours sur UDEMY : liste-des-cours.com/

[@tony-stark]

Merci beaucoup pour ce tuto, il m'a été plus utile que des plus récents censés être à jour

[@JavaChrist31]

Super tuto les explications son très clair . Félicitation

[@turbulence1655]

Merci beaucoup ! Je galérais depuis plus d'une heure avec un tuto un poil pas à jour lol. Le tien est top ! Tu as gagné un nouvel abonné 👍

[@brogginidamien9115]

pareil, c'est la revivance cette explication

[@MrAzurha]

Toujours un plaisir tes vidéos Enzo. merci

[@anaisrevellat5692]

@Turbulence on fait parti de la même team ! Que des tutos non à jour ou pas très clair x) et même en passant par la doc c'est grâce à cette vidéo que j'ai découvert le souci !

[@Digital_mans]

Toujours un plaisir tes videos😀

[@Thrady]

Merci pour le tuto, toujours au top tes vidéos !

[@mohammedb7538]

Tu vends du bonheur 😃😄

[@ninon6954]

Merci beaucoup, vidéo très instructive !

[@lightniing1177]

nickel :) j'attend ta version de Tw css mis à jours x)

[@oussenikabore]

Merci pour la vidéo. SVP vous pouvez faire une vidéo sur Firebase Admin ? Merci

[@philtony9439]

D'abord bonjour, c'est un plaisir de suivre tes cours en vidéo KZbin. S'il te plaît, je débute en React, comme il faut installer Node.js. Je cherche à comprendre pourquoi, cette commande " npm init -y " et pourquoi le -y, dans Railwindcss avec une commande CLI npm init -y ", j'ai cherché dans les commandes npm et je n'ai pas bien vu.

[@mohamedel-moustafa3667]

Merciii j'etais même pas au courant que la V3 etait dispo...

[@EcoleduWeb]

C’est tout chaud ça date de décembre 👍

[@mamadoualiou4473]

merci pour le tutoriel

[@amidoucisse4415]

Enfin Merci

[@cyriledouard9848]

une fois de plus ca demande envie d'utiliser tailwind actuellement j'apprends le css natif merci

[@itachi__]

Merci ! Heureusement que j'ai regardé votre tuto, les autres tutos plus anciens sont obsolètes. Du coup quand on passe en production la seule chose qu'on met sur le serveur c'est le style.css qui se trouve dans le dossier dist/ ? Je ne vois pas pourquoi je mettrai tout le reste puisque ça ne sert que quand on dev.

[@shanoneibe1216]

5:00min de la vidéo; dans le fichier style:CSS qui se trouve dans dist il est censé apparaître au des codes mais dans le mien il y a rien du tout

[@justchris5598]

La nouvelle version est intéressante...

[@skiel7730]

Top merci, j'attends la formation TailwindCSS mis à jour pour m'y mettre. :) Tu as une idée de quand tu auras terminé la mise à jour par hasard ?

[@EcoleduWeb]

Je suis dessus là mais je préfère ne pas donner de date, reste à l'affût car je sortirai surement une vidéo pour l'annoncer :)

[@moneyfr]

Ça existe un boilerplate qui fait tout tout ?

[@kabyleartiste3548]

enzo, jai suivi le tuto ça a marcher mais quand j'ai quitté et j'ai réouvert vsc de nouveau tailwind css ne marche plus pourquoi cela, merci de m'aider

[@elviehatchoua9232]

Bjr , merci pour la vidéo!. Sauf que je rencontre un problème avec le mien. Mon fichier style.css du dossier dist ne s'est pas rempli. Que dois-je faire svp🙏

[@EcoleduWeb]

Vérifie bien tes commandes et tes chemins

[@ibrahimkaloko5868]

@@EcoleduWeb pareil pour moi, le fichier dist ne se rempli

[@bendevweb89]

Salut ! Je me pose la question, sur SASS par exemple pour relancer le "watch" en ligne de commande une fois VS CODE fermé c'est " npm run start " mais pour "Tailwind" c'est quoi ?

[@EcoleduWeb]

Tu peux créer ton script « dev » puis lancer npm run dev

[@bendevweb89]

@@EcoleduWeb ok merci pour l'info Enzo. J'en profite pour te remercier pour la qualité de tes vidéos, qui me font me perfectionner en tant que futur Dev Junior.

[@EcoleduWeb]

@@bendevweb89 Merci pour ton soutien Ben!

[@evaristeibrahim2327]

Pour nous les francophones si on pouvait plutôt avoir des formations en TailwindCSS ca nous serait d'une grande aide surtout pour les Dashboard et le responsive

[@EcoleduWeb]

Bonjour, j’ai fait un cours complet sur Tailwind, vous pouvez le trouver sur l’école du web ou udemy 👍

[@Buffalo_Debile]

Salut, est ce qu'il faut lancer la commande watch a chaque fois que l'on réouvre notre projet ?

[@EcoleduWeb]

Oui! On peut créer un script pour ça. Dans le package.json : "scripts": { "dev": "npx tailwindcss -i ./css/style.css -o ./dist/style.css --watch" }, À partir de là on peut lancer "npm run dev" dans le terminal à chaque fois au lieu de la longue commande.

[@ptitgris66]

@@EcoleduWeb Ah ! je comprends mieux pourquoi ça marche plus chez moi x)

[@devbutime]

Salut Enzo, j'ai fais un petit projet avec Tailwindcss (version precedente) et je souhaiterais passer mon projet sur cette version (je n'ai pas vraiment de raison, c'est simplement pour savoir faire la manip), comment faire ? Refaire le projet avec cette version ? 😰

[@EcoleduWeb]

Non pas de panique, tu as juste à installer la dernière version avec NPM, et à utiliser les manips de la V3. Les classes n'ont pas changé ;)

[@wawam1319]

Salut ! Merci pour cette vidéo, top. Malheureusement à la troisième étape ce message apparait : "Specified input file ./css/style.css does not exist." alors que si... aurais-tu une idée de ce qui ne va pas ?

[@EcoleduWeb]

Salut, essaye de bien vérifier tes chemins

[@wawam1319]

@@EcoleduWeb Effectivement, j'ai retiré le ./css/ . Merci !

[@wawam1319]

Est ce que cette technique permet de rendre le site responsive ? Je débute

[@EcoleduWeb]

@@wawam1319 Tu as une section "responsive" dans la doc ;)

[@wawam1319]

@@EcoleduWeb merci 😅

[@LilZoty]

Ça alourdi pas le code tout ça?

[@EcoleduWeb]

Non justement, ça crée juste les classes qu'il faut :)

[@user-Shams1]

Merci pour la vidéo mais j'ai un soucis. Lorsque j'exécute (npx tailwindcss -i ./css/style.css -o ./dist/style.css --watch), rien n'apparait dans le ("style.css du dist").