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

Поділитися
Вставка
  • Опубліковано 2 лют 2025

КОМЕНТАРІ • 50

  • @EcoleduWeb
    @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/

  • @turbulence1655
    @turbulence1655 2 роки тому +2

    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é 👍

  • @tony-stark
    @tony-stark 11 місяців тому

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

  • @JavaChrist31
    @JavaChrist31 8 місяців тому

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

  • @MrAzurha
    @MrAzurha 2 роки тому

    Toujours un plaisir tes vidéos Enzo. merci

  • @Thrady
    @Thrady 2 роки тому

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

  • @Digital_mans
    @Digital_mans 3 роки тому

    Toujours un plaisir tes videos😀

  • @honoredk4175
    @honoredk4175 4 місяці тому +1

    Merci pour la video

  • @mohammedb7538
    @mohammedb7538 3 роки тому

    Tu vends du bonheur 😃😄

  • @anaisrevellat5692
    @anaisrevellat5692 2 роки тому +1

    @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 !

  • @ninon6954
    @ninon6954 2 роки тому

    Merci beaucoup, vidéo très instructive !

  • @shanoneibe1216
    @shanoneibe1216 2 роки тому

    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

  • @mohamedel-moustafa3667
    @mohamedel-moustafa3667 3 роки тому

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

    • @EcoleduWeb
      @EcoleduWeb  3 роки тому

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

  • @lightniing1177
    @lightniing1177 3 роки тому

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

    • @oussenikabore
      @oussenikabore 3 роки тому

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

  • @amidoucisse4415
    @amidoucisse4415 3 роки тому

    Enfin
    Merci

  • @philtony9439
    @philtony9439 2 роки тому +1

    D'abord bonjour,
    c'est un plaisir de suivre tes cours en vidéo UA-cam.
    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.

  • @mamadoualiou4473
    @mamadoualiou4473 Рік тому

    merci pour le tutoriel

  • @itachi__
    @itachi__ 2 роки тому +1

    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.

  • @elviehatchoua9232
    @elviehatchoua9232 2 роки тому

    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
      @EcoleduWeb  2 роки тому

      Vérifie bien tes commandes et tes chemins

    • @ibrahimkaloko5868
      @ibrahimkaloko5868 2 роки тому

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

  • @cyriledouard9848
    @cyriledouard9848 3 роки тому

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

  • @moneyfr
    @moneyfr 3 роки тому

    Ça existe un boilerplate qui fait tout tout ?

  • @kabyleartiste3548
    @kabyleartiste3548 2 роки тому

    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

  • @bendevweb89
    @bendevweb89 3 роки тому

    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
      @EcoleduWeb  3 роки тому

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

    • @bendevweb89
      @bendevweb89 3 роки тому

      @@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
      @EcoleduWeb  3 роки тому

      @@bendevweb89 Merci pour ton soutien Ben!

  • @user-Shams1
    @user-Shams1 Рік тому +1

    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").

  • @wawam1319
    @wawam1319 2 роки тому

    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
      @EcoleduWeb  2 роки тому

      Salut, essaye de bien vérifier tes chemins

    • @wawam1319
      @wawam1319 2 роки тому

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

    • @wawam1319
      @wawam1319 2 роки тому

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

    • @EcoleduWeb
      @EcoleduWeb  2 роки тому +1

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

    • @wawam1319
      @wawam1319 2 роки тому

      @@EcoleduWeb merci 😅

  • @Buffalo_Debile
    @Buffalo_Debile 3 роки тому

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

    • @EcoleduWeb
      @EcoleduWeb  3 роки тому +2

      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
      @ptitgris66 3 роки тому

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

  • @devbutant
    @devbutant 3 роки тому

    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
      @EcoleduWeb  3 роки тому +1

      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é ;)

  • @skiel7730
    @skiel7730 3 роки тому

    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
      @EcoleduWeb  3 роки тому +1

      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 :)

  • @justchris5598
    @justchris5598 3 роки тому

    La nouvelle version est intéressante...

  • @LilZoty
    @LilZoty 3 роки тому

    Ça alourdi pas le code tout ça?

    • @EcoleduWeb
      @EcoleduWeb  3 роки тому +1

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

  • @evaristeibrahim2327
    @evaristeibrahim2327 2 роки тому

    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
      @EcoleduWeb  2 роки тому +1

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