Alors ce challenge ? Réussi ou rater comme de la merde ? Augmentez vos ventes via ecommerce et offrez un support client de qualité avec : tidio.com/benjamin. Commencez à utiliser Tidio GRATUITEMENT maintenant ou soyez l'un des 50 premiers clients à bénéficier d'une remise de 20 % sur le plan premium. Cette offre spéciale s'appliquera automatiquement si vous utilisez mon lien. Cliquez dessus et commencez à générer plus de ventes dès maintenant ! ps: pour tous les gens qui avaient soutenu la chaîne a hauteur de 4,99€/mois. Vous êtes des légendes et votre soutien a beaucoup compté. Maintenant, vous pouvez carrément rétrograder en 1,99€, y'aura exactement les mêmes avantages. Si vous restez a 4,99€, vous soutenez encore plus mon taff mais ça sera la seule différence avec l'offre a 2€ donc je vous laisse voir, à votre bon coeur!
Hello Benjamin ! J'aimerais beaucoup que tu fasses un retour honnête sur Tailwind CSS, en exprimant les avantages et inconvénients que tu y vois. Comme tu avais pu le faire avec Bootstrap il y a un moment. Merci beaucoup et au passage bravo pour ton contenu c'est top ;)
Avantages: c'est beau de base donc ça évite de faire du css moche malgré toi en général, plus rapide à écrire pour certains trucs, pas trop prise de tête c'est utility class based donc c'est pas comme bootstrap à envoyer des margin de partout si t'en as pas envie Inconvénients: ton html deviens illisible super rapidement chiant pour les animations globalement courbe d'apprentissage au niveau syntaxe
@@BenjaminCode Ahah j'avais pas vu ta réponse déso' !! Écoute, j'ai fait un truc que beaucoup de juniors ne comprendraient pas ^^ ... J'ai quitté mon 1er CDI pendant la période d'essai (c'était une véritable cata' l'ESN) et je me mets à mon compte du coup donc je suis au top ! 💪
Je veux comprendre pourquoi c'est bien Tailwind. De mon point de vue, c'est écrire du style dans du class et quand faut changer quelque chose, il faut chercher la classe dans tout le code pour remplacer ou en ajouter une autre... Je suis toujours à CSS vanilla et mes classes semantiques...
Je pense qu'il faut voir tailwind sur des projets où les classes ne sont pas souvent répétées , où il y a beaucoup d'éléments différents, sur certains gros projets ça peut être le cas Sinon effectivement tailwind a le même désavantage que la balise style, il faut changer dans chacune des divs. Après il m'arrive souvent d'utiliser la balise style couplée à une classe si je trouve qu'il manque une propriété à ma classe, mais que je ne peux me permettre de la modifier car utilisée ailleurs, il est peut être judicieux d'utiliser tailwind en plus du css vanilla pour ce cas là aussi ?
Une vidéo sur Tailwind évidemment que oui. Benjamin où est ta vidéo sur le challenge de Apple? C'était quoi ta solution pour gérer les performances de l'animation de l'ordinateur qui s'ouvre petit à petit dans la progression ?
Joli challenge ! Honnêtement j’adorerais avoir ton retour sur Tailwind. Et pourquoi pas un comparatif Tailwind vs Bulma ? Avec un collègue on n’arrive jamais à s’accorder sur cette question, même de façon objective (en mettant ses préférences de côté)
Réussi of course ! Mais c’était chaud haha ! Super cool de voir une vidéo code après un vlog après une vidéo musique, j’aime particulièrement le flow en ce moment 😀👌
J'ai fini à un poil de cul ! Franchement gérer des toggles de class sur tailwind, j'avais jamais fait et c'est une vrai tannée car faut toggle 1000 classes lol. Franchement tailwind pure js, c'est pas le combo le plus opti. Faut au moins avoir un framework js avec je trouve
Salut , à 7:27, pour le border de l'input, en pur CSS, j'aurai utilisé une balise before avec un content vide, en mettant un background à la div:before, c'est une stratégie que j'ai utilisé récemment pour utiliser un dégradé sur un border, peut être que ça aurait pu servir à avoir un rendu du genre , c'est à dire : before, avec un background gris, une width à X pixels, et centré horizontalement, et un margin-bottom pour gérer l'espacement avec l'input. Après en tailwind, je sais absolument pas comment gérer ça, ou même si c'est possible.
Aujourd'hui, de nombreuses personnes se lancent dans le commerce à cause de la cupidité. La raison principale pour laquelle elles ont créé le marché du commerce en ligne était d'améliorer les connaissances de certains commerçants qui n'utilisent pas la bonne stratégie pour commercer, ce qui rend très difficile pour eux de profiter de ce pourquoi avant d'entrer dans le marché commercial demander conseil à un expert commercial expérimenté qui vous guidera dans votre parcours commercial
Oui, ces derniers temps, je profite de l'investissement hebdomadaire de M. Philipe Alban, j'ai commencé avec 3 500 $ et après deux semaines de négociation, il m'a rapporté un bénéfice de 13 000 $.
Cet homme, M. Alban, est si rentable et digne de confiance, il a aidé beaucoup de gens à se lever. Je suis inclus dans la réalisation de bénéfices dans mon récent investissement, c'est un homme simple
Salut Benjamin, je ne trouve plus ton live sur l'integration de la page web de Apple, je voulais quelle est la solution que tu avais trouvé pour l'ordinateur qui s'ouvre au fure à mesure que l'on progresse dans le scroll.
Je me suis mis à tailwind il y a peu de temps et franchement j'adore ! Mais, je me suis quand même posé plusieurs questions : déjà, et comme dit Benjamin, tout ne me semble pas adapté à tailwind. Un exemple parmi d'autres : je trouve plus efficace de faire les boutons et formulaires en css ( étant donné qu'on les réutilise à plusieurs endroits ). Ce qui fait qu'au final, on aura une partie du style intégré dans le dom, et une autre dans le css. Alors pourquoi pas, mais y a-t-il des bonnes pratiques par rapport à ça ? une logique à appliquer ? Je suis un peu perdu... Également, d'après la doc, ils déconseillent d'utiliser le scss en plus de tailiwind. Et je pense comprendre pourquoi, impossible d'utiliser les @apply dans le scss (ou j'ai loupé quelque chose ?)... Et franchement, ça m'emmerde de revenir au css basique... Si quelqu'un peut éclairer ma lanterne ?
Salut Benjamin, oh nice projet j'ai adoré ! Pour commencer, je serais super heureux que tu fasses une vidéo sur Tailwind, je l'utilise depuis peu, et en tant que back pas trop doué, je fais de plus belles choses avec grâce aux contrainte de bonne pratique sur les tailles et couleurs entre autre. Enfin, pour la partie JS, que penses-tu pour quelque chose de ce style : alpinejs ?
Pour la border, il faut que tu enlève border-t-black ! Cette classe n'existe pas dans Tailwind. Si tu veux une bordure top noire, c'est bordure-black et tu mets les épaisseurs des autres bordures à 0 ;) EDIT: pas vu que tu l'avais modifié après ! border-t-2 border-gray-100 devrait faire le café
J'ai essayé lors du live. J'ai essayé toutes les combinaisons possibles. Ça ne marchait pas sur le text area. Et des que j'ai mis ma solution sur le div du dessus, ça marchait nickel. Y'a vraiment un truc avec le textarea
@@OG_mohamed_ali Ça n'a pas vraiment de sens de dire qu'une "compétence est incluse" dans une techno ou un produit. C'est au développeur d'avoir les compétences. Et ça lui permet notamment de passer d'une techno à une autre sans trop de difficulté, s'il le souhaite. Je ne connais Firebase que de nom, mais comme c'est un produit de Google, c'est déjà très limitant (on se retrouve enfermé dans l'écosystème Google).
Hello super vidéo ! C'est VSCode le logiciel que utilises ? Comment tu fais pour avoir ce look là et le bouton run en haut ? Et comment tu crées ton mini serveur web sur localhost:1234 ?
C'est IntelliJ (Webstorm/PhpStorm) avec un theme qui sera débloquable qu'a la prochaine version. J'ai eu accès a la beta de ce thème et il est trop bien !
Tailwind c'est naz, ça augmente la taille du HTML pour rien (html qui est envoyé a chaque requete contrairement au css) en plus, ça ne permet pas de faire tout ce qu'on veux, on est limité à l'outils (comme pour les tailles) sans parler qu'il faut apprendre les cmd pour rien Bref aucun interet, mais si tu veux faire une vidéo pour essayer de me faire changer d'avis, ça m'interesse ;)
Holà Ben ! Petit défi pour toi trouvé aujourd'hui, coder une page qui permettrai de faire un rubix cube en html s?css et js (sans tailing bootstrap ou librairies) Chaud ? 😬
fais en 5minutes avec ChatGPT (enfin c'est moi qui a fait le gros du taf, ChatGPT a taffé que 30secondes à peine ce flemmard :p) bon on se calme c'est un chatbot ultra basique avec des choix de textes prédéfinis xD
Je suis désolé de pouvoir paraître médisant pour les utilisateurs de Tailwind, mais honnêtement... Qu'est-ce que ça apporte ? Cette vidéo fait typiquement la démonstration de tous les blocages et du gros manque de flexibilité auxquels on fait face en se basant sur ce genre de frameworks. Le code devient absurde : on a des milliards de classes dans tous les sens, c'est illisible. Finalement, c'est exactement comme aligner des propriétés CSS aux éléments sauf qu'à la place d'utiliser styles="..." tu utilises class="...". Le CSS a été créée en 1996 justement pour palier à ce soucis de lisibilité, en séparant la sémantique du style. J'ai l'impression de faire un bond de 15 ans en arrière. PS: Évidemment dans ce commentaire je ne critique pas le travail de BenjaminCode, qui fait du super boulot, mais bien de la pratique dont il fait démonstration en elle-même.
Je vais faire une vidéo pour deconstruire un peu ce genre d'à priori assez naturel sur tailwind. Mais ya déjà pas mal de lecture sur pourquoi tailwind n'est pas le bon de 15 ans en arrière que tu décris. J'avais le même à priori mais j'ai fait plusieurs missions freelance avec et je le pratique au quotidien dans mon taff aujourd'hui, c'est magique. Mais pour ce genre de mini short projet ou on en voit bien sûr que les désavantages !
Entre les trucs qui t'auraient pris 3 minutes en pur CSS et ceux que t'arrives jamais à faire tu m'as convaincu de ne jamais perdre mon temps sur Tailwind.
ça serait passé d'un outil formidable pour certains projets ! La c'était totalement pas justifié sur ce projet et du coup c'était pas très adapté... Mais sur des projets plus gros, plus robustes, avec des design systemes et plusieurs gens qui taffent dessus, c'est bienvenue !
Franchement je comprend pas pourquoi tu dit que tailwind est une "contrainte" et est plus long que du HTML/CSS classique à écrire. C'est factuellement plus rapide. Pas de nom de classe à inventer et pas de changement de fichier, et c'est du CSS pareil (utiliser les valeurs arbitraire en tailwind c'est pareil que des valeurs arbitraire dans du CSS btw). Donc j'imagine que c'est plus lent pour toi parce-que tu as pas l'habitude. Mais dommage de faire croire que tailwind ralenti le dev. C'est clairement le contraire pour moi, même mini projet comme ça.
J'utilise tailwind tous les jours au taff depuis un an. J'ai aucun problème de rapidité sur tailwind. Mais juste la sur un projet aussi petit, configurer le thème tailwind par exemple, faire des dégradés, ajouter des classes au toggle avec Javascript pour par exemple faire lanim dintro sorti, c'est résolument plus long. Y'a pas de mensonge dans cette vidéo. Fais le test de ton côté, avec et sans tailwind tu verras qu'en 1h20 tu aurais été plus vite sans
@@BenjaminCode Système de theme tailwind any systeme de thème pas mis en place dans un mini proj comme ça Pour le dégradé, en fait je trouve les classes tailwind plutôt bien conçu pour faire de 0 ou imiter grossièrement un dégradé. En pratique, trèèès souvent on va copy/paste le code du dégradé css fourni par l'ux ou comme ici le widget (c'est ça ce que tu veux dire par plus rapide ? :D). En tailwind, si j'ai cette ressource, je fait un utilities et je copy/paste le dégradé. Ce que j'aurai fait dans ce cas (mais après si ça fait parti du challenge de pas faire ça, ok tailwind est plus long pour le coup haha) Pour l'anim, du toute façon tu toggle une classe, donc une ou plusieurs c'est pareil non ? J'ai déjà fait ce genre de challenge, je met tailwind spontanément, du coup je pense que je serait plus lent en html/css au moins à cause de la non habitude, donc c'est déjà biaisé 😅 Je l'ai pas mentionné mais bravo quand même surtout la fin in extremis 😆
Alors ce challenge ? Réussi ou rater comme de la merde ?
Augmentez vos ventes via ecommerce et offrez un support client de qualité avec : tidio.com/benjamin.
Commencez à utiliser Tidio GRATUITEMENT maintenant ou soyez l'un des 50 premiers clients à bénéficier d'une remise de 20 % sur le plan premium. Cette offre spéciale s'appliquera automatiquement si vous utilisez mon lien. Cliquez dessus et commencez à générer plus de ventes dès maintenant !
ps: pour tous les gens qui avaient soutenu la chaîne a hauteur de 4,99€/mois. Vous êtes des légendes et votre soutien a beaucoup compté. Maintenant, vous pouvez carrément rétrograder en 1,99€, y'aura exactement les mêmes avantages. Si vous restez a 4,99€, vous soutenez encore plus mon taff mais ça sera la seule différence avec l'offre a 2€ donc je vous laisse voir, à votre bon coeur!
tu as laissé le code que tu a fait quelquepart histoire d'analyser comment tu t'y es pris ?
La winer q 🤣
Je sais pas si c'est Tidio ou toi qui a eu l'idée mais c'est super smart de faire ce genre de vidéo tout en incluant un partenariat.
Ce que tu fais est complètement ouff !! C'est super inspirant 😉
Il te remercie même pas
C'est pas grave t'inquiète x)
@@nicolaschoquet3960 mais merci quand même 😁
Une vidéo sur Tailwind, je ne dis pas non ahah (et je pense que je ne suis pas le seul mdr)
On est d'accord
Mec ! J'aime trop ce concept de code commentary ! C'est vraiment top, fait en encore et encore stpl
Merci Delta! Normallement je compte en faire un par mois !
@@BenjaminCode c'est parfait ! :)
premier commentaire depuis tes 100K Abonnés ! c'est un grand cap !! bientôt le trophée alors ;)
Hello Benjamin ! J'aimerais beaucoup que tu fasses un retour honnête sur Tailwind CSS, en exprimant les avantages et inconvénients que tu y vois. Comme tu avais pu le faire avec Bootstrap il y a un moment. Merci beaucoup et au passage bravo pour ton contenu c'est top ;)
Avantages:
c'est beau de base donc ça évite de faire du css moche malgré toi en général,
plus rapide à écrire pour certains trucs, pas trop prise de tête
c'est utility class based donc c'est pas comme bootstrap à envoyer des margin de partout si t'en as pas envie
Inconvénients: ton html deviens illisible super rapidement
chiant pour les animations globalement
courbe d'apprentissage au niveau syntaxe
Oui mais y’a d’autre aussi cool comme chakra UI etc
@@twentyhate comment ça peut être plus joli de base si tu dois mettre toi même toutes les propriétés ?
tailwind c'est de la merde, ils ont réussi a créer encore plus de problèmes pour résoudre un problème qui n'en est pas un.
@@choanlpoto littéralement aucun argument. Faut savoir expliquer au bout d'un moment et peser le pour et contre
Pour activer la bordure avec tailwind tu dois mentionner au moins ces 2 classe : "border-t-solid" + la taille de la border
BIENTÔT LES 100K !!! j'adore ta chaîne
T'es vraiment, vraiment chaud, c'est incroyable
Bientôt les 100k benjamin !! tu les mérite tellement
🥰
3900 likes, bientôt 4000 et grosse hâte de voir ce tuto tailwind :)
il faut mettre un pour la ligne qui sépare le chat en gris
Félicitations Benjamin Code!🎉🎊 Et maintenant cap sur le million🚀
Chapeauuu !! T'as assuré encore !
Merci Valentiiiiin !! J'espère que tout se passe bien pour toi !
@@BenjaminCode Ahah j'avais pas vu ta réponse déso' !!
Écoute, j'ai fait un truc que beaucoup de juniors ne comprendraient pas ^^ ... J'ai quitté mon 1er CDI pendant la période d'essai (c'était une véritable cata' l'ESN) et je me mets à mon compte du coup donc je suis au top ! 💪
Je suis FAN Benji !!
Je veux comprendre pourquoi c'est bien Tailwind. De mon point de vue, c'est écrire du style dans du class et quand faut changer quelque chose, il faut chercher la classe dans tout le code pour remplacer ou en ajouter une autre...
Je suis toujours à CSS vanilla et mes classes semantiques...
Je pense qu'il faut voir tailwind sur des projets où les classes ne sont pas souvent répétées , où il y a beaucoup d'éléments différents, sur certains gros projets ça peut être le cas
Sinon effectivement tailwind a le même désavantage que la balise style, il faut changer dans chacune des divs.
Après il m'arrive souvent d'utiliser la balise style couplée à une classe si je trouve qu'il manque une propriété à ma classe, mais que je ne peux me permettre de la modifier car utilisée ailleurs, il est peut être judicieux d'utiliser tailwind en plus du css vanilla pour ce cas là aussi ?
Pour la bordure top mettre simplement un 🤷🏽♀️😂
Top la vidéo ! Grave chaud pour la vidéo sur Tailwind !!!
salut. Beau boulot. pour le séparateur j'utilise que je stylise avec tailwind 😉
Une vidéo sur Tailwind évidemment que oui. Benjamin où est ta vidéo sur le challenge de Apple? C'était quoi ta solution pour gérer les performances de l'animation de l'ordinateur qui s'ouvre petit à petit dans la progression ?
Joli challenge !
Honnêtement j’adorerais avoir ton retour sur Tailwind. Et pourquoi pas un comparatif Tailwind vs Bulma ? Avec un collègue on n’arrive jamais à s’accorder sur cette question, même de façon objective (en mettant ses préférences de côté)
Réussi of course ! Mais c’était chaud haha ! Super cool de voir une vidéo code après un vlog après une vidéo musique, j’aime particulièrement le flow en ce moment 😀👌
J'ai fini à un poil de cul ! Franchement gérer des toggles de class sur tailwind, j'avais jamais fait et c'est une vrai tannée car faut toggle 1000 classes lol. Franchement tailwind pure js, c'est pas le combo le plus opti. Faut au moins avoir un framework js avec je trouve
J'aimerais bien te voir faisant plus de 100 vidéo de backend, genre panier d'une site e-commerce !
gg ton challenge reussit haut la main continu merci
Windicss ou Unocss a la place de Tailwind si tu veux un max de customization et de perf ;)
Perso je serai très intéressé par ta vidéo sur tailwind !
Salut , à 7:27, pour le border de l'input, en pur CSS, j'aurai utilisé une balise before avec un content vide, en mettant un background à la div:before, c'est une stratégie que j'ai utilisé récemment pour utiliser un dégradé sur un border, peut être que ça aurait pu servir à avoir un rendu du genre , c'est à dire : before, avec un background gris, une width à X pixels, et centré horizontalement, et un margin-bottom pour gérer l'espacement avec l'input.
Après en tailwind, je sais absolument pas comment gérer ça, ou même si c'est possible.
Haha, excellent ! Bonne poilade du début à la fin ! Mais sinon bravo 👍
Pour la border, même si c'est un peu aberrant.. pourquoi pas mettre un simple ?
La musique est chouette 🦉vers 9:20, c'est quoi le titre ?
Je suis en formation de dev, et je suis sur les techno NextJS et Tailwindcss
Personnellement je serais super intéressé par une vidéo sur Tailwind !
Apprends les bonnes bases du CSS plutôt ^^
@@MrgnUTube Je les apprends, mais j'utilise tailwind (pas par choix) dans l'entreprise de mon alternance :)
Aujourd'hui, de nombreuses personnes se lancent dans le commerce à cause de la cupidité. La raison principale pour laquelle elles ont créé le marché du commerce en ligne était d'améliorer les connaissances de certains commerçants qui n'utilisent pas la bonne stratégie pour commercer, ce qui rend très difficile pour eux de profiter de ce pourquoi avant d'entrer dans le marché commercial demander conseil à un expert commercial expérimenté qui vous guidera dans votre parcours commercial
J'ai regardé plusieurs vidéos de trading mais je n'ai pas encore gagné, que vais-je faire ?
Je recommanderai M. philipe alban sa stratégie fonctionne bien pour moi et je fais de bons profits en négociant avec lui.
Sa poignée de télégramme
👇
👇
PhilipeAlban
Oui, ces derniers temps, je profite de l'investissement hebdomadaire de M. Philipe Alban, j'ai commencé avec 3 500 $ et après deux semaines de négociation, il m'a rapporté un bénéfice de 13 000 $.
Cet homme, M. Alban, est si rentable et digne de confiance, il a aidé beaucoup de gens à se lever. Je suis inclus dans la réalisation de bénéfices dans mon récent investissement, c'est un homme simple
Super comme challenge en plus cette année a la fac je dois présenter ce que sont les chatbots etc x)
Pour la séparation un simple ne convient pas?
On évite toutes les balises HTML faisant du style, d'ailleurs Tailwind le retire par défaut je crois.
Salut Benjamin, je ne trouve plus ton live sur l'integration de la page web de Apple, je voulais quelle est la solution que tu avais trouvé pour l'ordinateur qui s'ouvre au fure à mesure que l'on progresse dans le scroll.
Je me suis mis à tailwind il y a peu de temps et franchement j'adore ! Mais, je me suis quand même posé plusieurs questions : déjà, et comme dit Benjamin, tout ne me semble pas adapté à tailwind. Un exemple parmi d'autres : je trouve plus efficace de faire les boutons et formulaires en css ( étant donné qu'on les réutilise à plusieurs endroits ). Ce qui fait qu'au final, on aura une partie du style intégré dans le dom, et une autre dans le css. Alors pourquoi pas, mais y a-t-il des bonnes pratiques par rapport à ça ? une logique à appliquer ? Je suis un peu perdu...
Également, d'après la doc, ils déconseillent d'utiliser le scss en plus de tailiwind. Et je pense comprendre pourquoi, impossible d'utiliser les @apply dans le scss (ou j'ai loupé quelque chose ?)... Et franchement, ça m'emmerde de revenir au css basique... Si quelqu'un peut éclairer ma lanterne ?
Salut Benjamin, oh nice projet j'ai adoré !
Pour commencer, je serais super heureux que tu fasses une vidéo sur Tailwind, je l'utilise depuis peu, et en tant que back pas trop doué, je fais de plus belles choses avec grâce aux contrainte de bonne pratique sur les tailles et couleurs entre autre.
Enfin, pour la partie JS, que penses-tu pour quelque chose de ce style : alpinejs ?
Nouveau abonné… je viens de chez Basti ui
Superbe boulot comme d'hab mais je ne vois pas de bouton envoyer
oups
Où peut on envoyer les challenges
Salut, tu la faite la vidéo de *Tailwind ?*
Pour la border, il faut que tu enlève border-t-black ! Cette classe n'existe pas dans Tailwind. Si tu veux une bordure top noire, c'est bordure-black et tu mets les épaisseurs des autres bordures à 0 ;)
EDIT: pas vu que tu l'avais modifié après ! border-t-2 border-gray-100 devrait faire le café
J'ai essayé lors du live. J'ai essayé toutes les combinaisons possibles. Ça ne marchait pas sur le text area. Et des que j'ai mis ma solution sur le div du dessus, ça marchait nickel. Y'a vraiment un truc avec le textarea
@@BenjaminCode J'ai pourtant réussi... j'voulais t'envoyer un Tailwind Play mais les liens ne sont pas acceptés en commentaire
😱 je recheckerai j'ai du craquer mon slip quelque part...
@@BenjaminCode pour ta bordure utilise un hr et tu la modifie
Tailwind c'est le feu 🔥
Tu donneras un petit avis sur les librairies de composants si tu as le temps ? DaisyUi, Chakra,etc..
Maybe ! J'y jetterai un oeil même si c'est vraiment pas ce qui me motive à utiliser tailwind
Bonjour, ce chatBot est il implémentable dans WordPress? Merci
Oui ! Très facilement. Faut juste ajouter la ligne de code dans le footer de ton thème
@@BenjaminCode Merci pour la réponse rapide ! ça va énormément m'aider dans mon projet !!
bonjour benjamin code: ce quoi en faite l'éditeur de texte que tu utilise sur cette vidéo s'il vous plais?
Merci
Peut être un petit pour la ligne au dessus de l'input ? x)
Salut benjamin, est ce qu’on peut considérer un développeur front qui maitrise firebase comme un dev fullstack ?
Amha, non. Au niveau du backend il y a bien d'autres compétences à connaitre. Après dev fullstack est un terme un peu galvaudé.
Et si tous ces compétences sont inclus dans firebase ?
@@OG_mohamed_ali Ça n'a pas vraiment de sens de dire qu'une "compétence est incluse" dans une techno ou un produit. C'est au développeur d'avoir les compétences. Et ça lui permet notamment de passer d'une techno à une autre sans trop de difficulté, s'il le souhaite.
Je ne connais Firebase que de nom, mais comme c'est un produit de Google, c'est déjà très limitant (on se retrouve enfermé dans l'écosystème Google).
Le trait se fait avec
Bonsoir, non. On évite d'utiliser des balises HTML, d'ailleurs je suis pas sur mais tailwind l'enlève.
Bonjour , je voudrai savoir si vous avez une formation en ligne html et css ??
Non, faudrait que je l'écrive vu le nombre de fois qu'on me le demande mais non, je n'ai rien pour le moment...
Je crois que pour les bordures, tu dois utiliser rounded,
Le supens y était j'ai aimé la vidéo
C'est quoi ta musique de fond ??
Hello super vidéo ! C'est VSCode le logiciel que utilises ? Comment tu fais pour avoir ce look là et le bouton run en haut ? Et comment tu crées ton mini serveur web sur localhost:1234 ?
C'est IntelliJ (Webstorm/PhpStorm) avec un theme qui sera débloquable qu'a la prochaine version. J'ai eu accès a la beta de ce thème et il est trop bien !
Après pour le localhost:1234 c'est parcel js je te laisse regarder ça sur google
@@BenjaminCode Merci pour toutes tes réponses je vais regarder ça ! 👍
Tailwind c'est naz, ça augmente la taille du HTML pour rien (html qui est envoyé a chaque requete contrairement au css)
en plus, ça ne permet pas de faire tout ce qu'on veux, on est limité à l'outils (comme pour les tailles)
sans parler qu'il faut apprendre les cmd pour rien
Bref aucun interet, mais si tu veux faire une vidéo pour essayer de me faire changer d'avis, ça m'interesse ;)
Salut Benjamin, quel est le logiciel que tu utilise pour coder ? Sinon très bonne vidéo tu m'as donner envie d'apprendre Tailwind !!
IntelliJ
En quoi Tailwind est mieux que Bootstrap ?
Holà Ben !
Petit défi pour toi trouvé aujourd'hui, coder une page qui permettrai de faire un rubix cube en html s?css et js (sans tailing bootstrap ou librairies)
Chaud ? 😬
fais en 5minutes avec ChatGPT (enfin c'est moi qui a fait le gros du taf, ChatGPT a taffé que 30secondes à peine ce flemmard :p) bon on se calme c'est un chatbot ultra basique avec des choix de textes prédéfinis xD
Tu as oublier l'icon "envoyer le message". Sinon super vidéo
Go pour la vidéo sur tailwind
Mais du coup Benjamin, on a un code promo pour Tidio ? 😇
Il est directement inclu dans le lien dans la description
Il est super musclé lui😂😂
Il faut faire border bt-{color}
C'est quoi cet éditeur de code?
Je crois que c'est fleet. (le truc de Jetbrains)
@@rawz06 Nop, c'est Webstorm avec la nouvelle interface
moi pour la barre j'aurai mis une balise
C'est quoi Tailwind?
Tailwind et bonne pratique dans la même phrase 😅
Si t'es content de toi c'est le principal...
🤣
C'est con mais la barre horizontal, ce serait pas un tout simplement
Avec Bootstrap ça passe aussi 😂
Bulma est pas mal aussi.
J'adore ce genre de vidéo ou on te vois galérer quand on sors d'un journée de merde. ca donne le sourire
Je suis désolé de pouvoir paraître médisant pour les utilisateurs de Tailwind, mais honnêtement... Qu'est-ce que ça apporte ?
Cette vidéo fait typiquement la démonstration de tous les blocages et du gros manque de flexibilité auxquels on fait face en se basant sur ce genre de frameworks.
Le code devient absurde : on a des milliards de classes dans tous les sens, c'est illisible. Finalement, c'est exactement comme aligner des propriétés CSS aux éléments sauf qu'à la place d'utiliser styles="..." tu utilises class="...". Le CSS a été créée en 1996 justement pour palier à ce soucis de lisibilité, en séparant la sémantique du style.
J'ai l'impression de faire un bond de 15 ans en arrière.
PS: Évidemment dans ce commentaire je ne critique pas le travail de BenjaminCode, qui fait du super boulot, mais bien de la pratique dont il fait démonstration en elle-même.
Je vais faire une vidéo pour deconstruire un peu ce genre d'à priori assez naturel sur tailwind. Mais ya déjà pas mal de lecture sur pourquoi tailwind n'est pas le bon de 15 ans en arrière que tu décris. J'avais le même à priori mais j'ai fait plusieurs missions freelance avec et je le pratique au quotidien dans mon taff aujourd'hui, c'est magique. Mais pour ce genre de mini short projet ou on en voit bien sûr que les désavantages !
Entre les trucs qui t'auraient pris 3 minutes en pur CSS et ceux que t'arrives jamais à faire tu m'as convaincu de ne jamais perdre mon temps sur Tailwind.
ça serait passé d'un outil formidable pour certains projets ! La c'était totalement pas justifié sur ce projet et du coup c'était pas très adapté... Mais sur des projets plus gros, plus robustes, avec des design systemes et plusieurs gens qui taffent dessus, c'est bienvenue !
@@BenjaminCode Qu’est ce qui rend ça plus robuste que tu css classique ? Ça rend surtout ton projet dépendant de leur syntaxe
Je stresse on dirait c'est moi qui code
Franchement je comprend pas pourquoi tu dit que tailwind est une "contrainte" et est plus long que du HTML/CSS classique à écrire.
C'est factuellement plus rapide. Pas de nom de classe à inventer et pas de changement de fichier, et c'est du CSS pareil (utiliser les valeurs arbitraire en tailwind c'est pareil que des valeurs arbitraire dans du CSS btw).
Donc j'imagine que c'est plus lent pour toi parce-que tu as pas l'habitude. Mais dommage de faire croire que tailwind ralenti le dev. C'est clairement le contraire pour moi, même mini projet comme ça.
J'utilise tailwind tous les jours au taff depuis un an. J'ai aucun problème de rapidité sur tailwind. Mais juste la sur un projet aussi petit, configurer le thème tailwind par exemple, faire des dégradés, ajouter des classes au toggle avec Javascript pour par exemple faire lanim dintro sorti, c'est résolument plus long. Y'a pas de mensonge dans cette vidéo. Fais le test de ton côté, avec et sans tailwind tu verras qu'en 1h20 tu aurais été plus vite sans
@@BenjaminCode
Système de theme tailwind any systeme de thème pas mis en place dans un mini proj comme ça
Pour le dégradé, en fait je trouve les classes tailwind plutôt bien conçu pour faire de 0 ou imiter grossièrement un dégradé. En pratique, trèèès souvent on va copy/paste le code du dégradé css fourni par l'ux ou comme ici le widget (c'est ça ce que tu veux dire par plus rapide ? :D). En tailwind, si j'ai cette ressource, je fait un utilities et je copy/paste le dégradé. Ce que j'aurai fait dans ce cas (mais après si ça fait parti du challenge de pas faire ça, ok tailwind est plus long pour le coup haha)
Pour l'anim, du toute façon tu toggle une classe, donc une ou plusieurs c'est pareil non ?
J'ai déjà fait ce genre de challenge, je met tailwind spontanément, du coup je pense que je serait plus lent en html/css au moins à cause de la non habitude, donc c'est déjà biaisé 😅
Je l'ai pas mentionné mais bravo quand même surtout la fin in extremis 😆
en vrai qui utilise vraiment les chatbox ? je trouve ca intrusif et peu utile...
Tailwind c de la merde vraiment. Il faut mieux apprendre le css directement
💕 𝓅𝓇𝑜𝓂𝑜𝓈𝓂
Le code doit être bien éclaté au sol haha. Tailwind makes your code blow away
DM insta 🙏🏻🙏🏻🙏🏻