YOU SHOULD NOT USE BOOTSTRAP!

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 มิ.ย. 2024
  • Faites tourner cette vidéo au maximum pour que le message puisse se répandre un maximum. Qu'on tente de gommer une bonne fois pour toute ce mauvais réflexe de mettre Bootstrap dans tout un tas de projet qui n'en n'ont pas besoin.
    J'espère que vous entendrez mes arguments et que ça vous parlera sinon, Octogone dans les commentaires et on met tout ça au clair !
    Bootstrap, TailwindCSS sont des frameworks qu'il peut être intéressant d'utiliser dans certains contextes. Certainement pas dans le cas d'une inté d'un site vitrine ou d'un portfolio...
    00:00 Une orange en CSS
    00:30 Mais qui est Benjamin Code ?
    01:09 Le parallèle entre code et jus d'orange
    02:26 La question infernale que vous me posez tous
    03:06 Sondage Twitter "Pourquoi utilisez-vous Bootstrap ?"
    04:32 Argument #1 : Grid et Responsive
    07:19 Argument #2 : Vous n'aimez pas le front
    09:30 Argument #3 : Pas le choix c'est imposé ou déjà en place
    10:19 Argument #4 : Parfait pour prototyper
    10:53 Dans quel cas est-ce ok d'utiliser des frameworks CSS ?
    12:18 Utiliser plutôt TailwindCSS ?
    13:41 Conclusion ?
    Rejoignez moi sur Twitter :
    / benjamincodeyt
    Candidatez pour mon Slack de développeurs freelances pour partager des missions et des bons plans :
    bit.ly/33hZCmA
    2 mois gratuits pour l'ouverture de votre compte Shine :
    www.shine.fr/lp/offre/benjami...
    Insta : / benjamincode
    Twitch : / benjamincode
    Mail : b1jam1code@gmail.com
    Merci à Matei Convard qui m'aide avec ma chaîne en réalisant toutes les thumbnails et la de nombreux assets graphiques dès que j'ai besoin. Mec en or hyper fiable et rapide en plus d'être un de mes plus vieux amis :
    www.behance.net/matei-design
    Merci à son frère Andrei Convard aka Obsimo de m'avoir envoyé ses musiques sans les voix pour que je puisse les utiliser dans le fond de mes vidéos. Allez checker sa musique et abonnez vous à sa chaîne, il est très bon :
    • Obsimo - Faceless (Off...

ความคิดเห็น • 782

  • @Rockleader01
    @Rockleader01 3 ปีที่แล้ว +174

    Hello, alors mon point de vue en tant que développeur back :
    - Quand je bosse pour ma boite, (déjà j'ai pas le choix par le framework de bootstrap est inclus dans le framework de base :p ) ; mais de façon générale ce que j'aime et apprécie dans bootstrap c'est ce coté normalisation de l'architecture et du code...pour moi dev back ça va être plus simple d'aller comprendre et modifier un code bootstrap qu'un code d'un dev front quelconque qui aurait fait sa tambouilles. Petit aparté pour l'histoire du système de grid (sans revenir sur le coté perf) pour le responsive, perso je trouve ça beaucoup plus clair et lisible avec les classes html pour le coup qu'avec les media screens.
    - Maintenant quand je démarre un projet en solo à titre perso et donc que j'ai pas de dev front dont je vais devoir relire le code je vais pas utiliser bootstrap et je vais plutôt faire ma tambouille à la main...mais vu que ce sera la mienne je la comprendrais^^
    Il y a quand même un inconvénient c'est que souvent quand tu vas chercher de l'aide pour un truc en particulier souvent les réponses données vont tourner autour de bootstrap :/

    • @BenjaminCode
      @BenjaminCode  3 ปีที่แล้ว +55

      En vrai, on parle de petite tambouille, mais en gros un code CSS ça peut se lire très bien et facilement et c'est beaucoup plus rapide à changer un code CSS qu'aller modifier un à un tous les éléments bootstrap.
      Surtout si tu utilises une notation comme le BEM, tu standardise bien ton écriture et tu encapsules bien le CSS qui aura alors aucun effet de bord et ça devient hyper simple et concrêt de modifier ton propre code ou même celui d'autres devs.
      Bien sûr que je dis pas de passer de Bootstrap à du pure CSS chaotic ou tout le monde fait n'importe quoi.
      Mais si t'appliques quelques règles de bonnes pratiques CSS tkt que tu fais un truc super super simple pour tout le monde ! Je repasse souvent sur le taff de frontend et c'est nickel !
      Et oui, c'est le problème du web actuel, tout le monde pense que y'a que bootstrap qui existe, donc ne parlent que de bootstrap et ne conseillent que bootstrap. C'est pourquoi on se retrouve avec une conception totalement erroné de ce qu'est bootstrap et de ce qu'il permet vraiment de faire. Et c'est pourquoi je me devais de faire une vidéo la dessus qui je l'espère va buzzer un peu pour lutter contre ce diktat!

    • @Evyweb
      @Evyweb 3 ปีที่แล้ว +2

      @@BenjaminCode Le but si tu utilises bootstrap c'est de ne plus avoir à changer de CSS custom ni de comportements bootstrap du tout à la fin et de ne jouer qu'avec les utilitaires. +1 pour le BEM quand il est respecté.

    • @Hillelize
      @Hillelize 3 ปีที่แล้ว

      @@BenjaminCode qui utilise encore Bootstrap en 2021?

    • @zxenon_
      @zxenon_ 3 ปีที่แล้ว +1

      La majorité...

    • @Hillelize
      @Hillelize 3 ปีที่แล้ว +1

      @@brinckau Est-ce que les entreprises high tech qui developent des produits comme spotify, twitch, fiverr, wix utilisent bootstrap?

  • @Gravenilvectuto
    @Gravenilvectuto 3 ปีที่แล้ว +340

    Placement de produit pour orange bien joué

  • @balthazarduterter4678
    @balthazarduterter4678 3 ปีที่แล้ว +502

    Faudrait peut-être que je me mettes a écrire du code un jour, parce que là en tant que jardinier je vois pas l’interêt de savoir qu’il ne faut pas utiliser bootstrap

  • @uneamiedev
    @uneamiedev 3 ปีที่แล้ว +70

    Vidéo très bien structurée ! Tes propos sont clairs et tes arguments sont pertinents 🙌✨ Et ce grain de peau, CSS (Clear Skin Serum) te réussit bien 😂

  • @wilfried33
    @wilfried33 3 ปีที่แล้ว +3

    Bordel la qualité du montage mais t'est incroyable mec, surtout que tu disais que tu avais du refaire tous tes sons d'accompagnement après le vol de ton pc, franchement gros respect l'ambiance de tes vidéos est toujours aussi quali !
    Meilleure découverte de 2021/2021, tu est très inspirant mon cher Benjamin ! (nofake)
    J'espère que les situations de tes proches qui ont fait les formations de dev avancent comme ils le souhaitent !

  • @joshnetz
    @joshnetz 3 ปีที่แล้ว +5

    Bonjour et merci beaucoup pour votre vidéo !
    En tant que développeur occasionnel et non pro, j'avais commencé Bootstrap depuis même pas un mois, et je commençais déjà à m'y perdre. Et puis là je tombe sur cette vidéo qui m'a beaucoup intrigué, car je pensais vraiment que bootstrap était ma solution. Mais après avoir regardé vite fait un petit tuto sur le grid css, mon cerveau explose ! Un vrai miracle ! c'est tellement plus simple et logique, j'ai tout compris et j'ai réussi à résoudre tout mes problèmes !
    Au revoir Bootstrap ! Et un grand merci à vous !

  • @gedeonkediblog4371
    @gedeonkediblog4371 3 ปีที่แล้ว +1

    Je viens de trouver ta chaîne il y a 2 jours, j'adore ton style! merci pour le conseil.

  • @ck8999
    @ck8999 3 ปีที่แล้ว +73

    J’ai entendu dire que le Chef Michel Dumas utilise bootstrap 👀...

    • @creol6752
      @creol6752 3 ปีที่แล้ว +5

      Le jus d'orange dans la machine miracle, comme ça.

    • @evansdjossouvijhs1725
      @evansdjossouvijhs1725 3 ปีที่แล้ว +2

      Mdr je suis mort

    • @zxenon_
      @zxenon_ 3 ปีที่แล้ว

      🤣

    • @youcode5866
      @youcode5866 3 ปีที่แล้ว +1

      @@creol6752 Il n'a pas utiliser de couteau orange pour éplucher son orange.

    • @raphaelv.8225
      @raphaelv.8225 3 ปีที่แล้ว +1

      Couteau, couper orange, jus dehors, peau poubelle

  • @Vespira21
    @Vespira21 3 ปีที่แล้ว +5

    Yes ! On fait du frontend en pur CSS ici aussi ! on utilise juste Sass pour faciliter l'intégration multi-browser et écrire moins de style, mais à part ca, c'est d'la pure !
    Content de t'avoir trouvé, tu fais du bon contenu en français ! Je me tourne quasiment tout le temps sur du contenu anglophone par défaut, car c'est souvent la qu'on trouve le contenu le plus pertinent à ses besoins.

  • @romainfx
    @romainfx 3 ปีที่แล้ว

    Ça fait plaisir de voir une vidéo sur ce sujet! Merci 🤗

  • @sidicksidibe1940
    @sidicksidibe1940 3 ปีที่แล้ว +1

    Je pensais pas regarder la vidéo jusqu'à la fin mais t'as réussi à me captiver !
    Je suis développeur back end et j'ai appris le front avec bootstrap.
    Je développe aussi avec un framework backend qui utilisait bootstrap, mais depuis une récent version tailwin est utilisé. Je me suis posé des questions !
    Merci pour ta vidéo, ça m'a fait réfléchir et je vais passer un peu plus de temps sur les tuto CSS. ❤️

  • @PierreMiniggio
    @PierreMiniggio 3 ปีที่แล้ว +41

    Nice, j'ai enfin une vidéo que j'vais pouvoir envoyer à ceux qui abusent de Boostrap à tout bout de champ ! :P

    • @thehelldesk5463
      @thehelldesk5463 3 ปีที่แล้ว +1

      Ahaha j'ai fait pareil jpp dans ma boite ils ne connaissent que ça. Ils ne connaissait même pas grid ou n'en voyaient pas l'intérêt. Quelle indignité...

    • @matraellix
      @matraellix 3 ปีที่แล้ว

      Nous en DUT MMI on nous apprend bootstrap et flex mais flex est tellement mal expliqué que nos profs veulent qu on utilisent bootstrap plus que tout. Donc nous c est ce qu on nous apprend et je compte pas changer ça de ci tôt

    • @wizkeez4689
      @wizkeez4689 3 ปีที่แล้ว +1

      @@matraellix Si c'est ce que t'apprend, te résigne pas et apprend comme on te l'apprend. Si maintenant tu veut changer par la suite tu est tout à fais libre 👍😉

    • @matraellix
      @matraellix 3 ปีที่แล้ว

      @@wizkeez4689 oui c'est sûr !

  • @baptistefalvet
    @baptistefalvet 3 ปีที่แล้ว +5

    Vidéo très instructive ! Je suis développeur de jeux vidéo de base et tu me donnes presque envie de me mettre à fond au développement front 😂

  • @Montage203
    @Montage203 3 ปีที่แล้ว +5

    J'utilise bootstrap car je l'ai appris en cours. Et que j'avais la flemme de chercher autre chose.
    Ta vidéo m'a fait changer d'avis. Merci

  • @chaipaskoa
    @chaipaskoa 3 ปีที่แล้ว +11

    Sur la forme je suis entièrement d’accord avec toi. Rien ne vaudra le CSS natif qualitativement parlant. Sur le fond et la réalité côté client, c’est tout autre chose. Le gros avantage de bootstrap aujourd’hui est clairement les thèmes qui sont réalisés autour du framework. Ces thèmes pour des projets spécifiques d’interfaces métier ou alors des sites métiers définis permettent un gain de temps incroyable et permettent de se focaliser sur toute la partie développement sans nécéssairement perdre de temps sur de l’UX pensé au préalable ou un design sur-mesure qui n’est bien souvent pas la priorité des clients sur ces genres de projet. L’autre problématique d’une inté sur-mesure est également de pouvoir travailler avec de vrais bons webdesigners et pas des graphistes trouvés par le client qui s’improvisent maquetteurs et ne comprennent strictement rien à l’UX design ...
    Tailwind à le mérite d’être novateur sur le marché, seulement son gros point faible aujourd’hui est son manque de thèmes et donc de pouvoir propulser très rapidement des interfaces bien faites. Tailwind UI à la mérite de répondre en partie au problème mais de manière générale, le framework est encore jeune et les choses commencent à arriver progressivement, laissons lui le temps. Il y a de belles choses très prometteuses ! Enfin bref, un autre point de vue sur le sujet. 🙂

  • @kissu_io
    @kissu_io 3 ปีที่แล้ว +18

    TailwindCSS c'est la vie si on sait faire un peu de CSS vanilla. 👌🏻

    • @FodZy
      @FodZy 3 ปีที่แล้ว +4

      Le framework d’on je ne comprend pas le succès, à partir du moment où t’es obligé de taper des commandes et d’installer 15k paquets npm pour faire du CSS, de mon point de vu, il y a un problème 😅

    • @NyuRubesh
      @NyuRubesh 3 ปีที่แล้ว

      La différence aussi, ce que TailwindCSS n'est pas un framework. Contrairement à bootstrap, que l'on peut utiliser sans notion de CSS ou presque, TailwindCSS demande des connaissances en CSS. Depuis ses débuts, j'y suis à fond et je n'ai pas à me plaindre, surtout avec Purge

  • @naoreminiscence6031
    @naoreminiscence6031 2 ปีที่แล้ว

    belle découverte cette chaîne, je m'abonne :) merci pour cette video très interessante

  • @thelastprojkt5545
    @thelastprojkt5545 3 ปีที่แล้ว +1

    Excellente vidéo Benjamin! Comme toi je suis un convaincu du pur CSS et il est parfois vraiment difficile d’imposer la non utilisation de bootstrap au sein des projets collaboratifs. J’ai enfin quelque chose à montrer à ces personnes! 😁

  • @Antharuu
    @Antharuu 3 ปีที่แล้ว +5

    Je t'ai écouté, et j'ai retrouvé un teint magnifique !

  • @Alkik0
    @Alkik0 3 ปีที่แล้ว

    Très bonne vidéo explicative, claire et précise.
    ça me donne une raison supplémentaire de me pencher sur mes cours de CSS pour vraiment être indépendant de framework.
    J'ai commencé avec Bootstrap sur conseille d'un ami car j'étais plus focus sur le back que le front et qu'à ce moment, j'avais besoin d'implémenter une solution rapidement sans chercher trop de ressources (logo par exemple)

  • @nourikoro3393
    @nourikoro3393 3 ปีที่แล้ว

    Vidéo sympa je suis débutant en formation actuellement chez o'clock, j'aime beaucoup tes vidéos et surtout ce genre là ! continue mec j'aime :)

  • @xChromeWz
    @xChromeWz 3 ปีที่แล้ว +1

    C'est super intéressant cette vidéo, merci.
    J'avoue que j'utilisais également beaucoup Bootstrap, juste par flemme d'apprendre un peu plus le front.
    Mais tu m'as donné envie de m'y intéresser.

  • @damienarchambault-roy829
    @damienarchambault-roy829 3 ปีที่แล้ว

    Une vidéo qui a su tout de suite attirer mon attention. Etant avant tout un développeur back-end, je me demandais en quoi il ne faut pas utiliser Bootstrap, framework de prédilection et utiliser partout.
    Ta vidéo m'a fait prendre conscience que je me basais trop dessus, à tout bout de champs. Comme tu le signales, bien que je m'efforce à faire utiliser le CSS seulement parfois, ma compréhension de tout ce qui est possible en CSS étant limité, je alors vais chercher la facilité pour aller plus vite. Mais comme tu le dis, je me rend compte que vu le temps que je passe dans la documentation, je me demande si je vais vraiment aussi vite.
    Je vais donc prendre du temps pour mieux me familiariser (voire réconcilier) avec le CSS. Merci beaucoup pour cette vidéo.

  • @clementdelpech2591
    @clementdelpech2591 3 ปีที่แล้ว +6

    J'ai assisté à un meetup sur l'accessibilité des sites pour les personnes handicapées et l'intervenante nous disait que bootstrap était une catastrophe à ce niveau là. Pour faire un bouton, tu as des div au lieu de la balise button, etc. et que un site en bootstrap était difficilement utilisable par des personnes aveugles.
    Depuis, je fais attention à tout ça.

  • @nicolasstinson1832
    @nicolasstinson1832 3 ปีที่แล้ว +7

    Pour toute les petites boites qui doivent produire des outils web rapidement et qui n'ont pas forcément de graphiste / ui designer, bootstrap permet de gagner un temps fou, pas besoin d'écrire du css pour développer de la fonctionnalité et créer des pages, on peut faire tout l'interface en html et réfléchir au style plus tard. Et comme tu l'as dit ça permet que tous le monde code de la même manière.
    Tous les petits hacks de bootstrap et les propriétés old-school servent à le faire fonctionner sur de vieux navigateurs, souvent une contrainte imposé quand on développe en B to B.
    Pas besoin de surcharger à mort bootstrap, il suffit de l'avoir en scss pour pouvoir le customizer très facilement !
    Merci pour ta vidéo, c'était intéressant ! Je comprends tes arguments même si ils ne s'appliquent pas à tous les contextes.

    • @stmikhael1806
      @stmikhael1806 ปีที่แล้ว

      les petite boite ce font bien souvent moins chier que ça.
      il paye un skin wordpress a 3€ et il y colle le stagiaire openclassroom pour développé les 3 module souvent dans le corps

    • @nicolasstinson1832
      @nicolasstinson1832 ปีที่แล้ว

      @@stmikhael1806 je pense plutôt aux startups qui font des saas ! Donc pas de wordpress

  • @ponkyone
    @ponkyone 3 ปีที่แล้ว

    Je découvre ta chaîne. Merci de prendre la défense des front. Tes explications sont claires. A plus.

  • @Gepeto213
    @Gepeto213 3 ปีที่แล้ว +3

    Bootstrap ça va bien faire 10 ans que je l'utilise et clairement il faut dire qu'avec tous les flottements dans les normes CSS c'était super cool d'avoir une solution comme ça. Dernièrement j'ai repris un projet un peu ancien et je ne m'arrêterai pas de simplifier pleins de trucs par des propriétés Grid ou Flexbox. Donc entièrement d'accord avec toi sur ces questions. Je regarderai Tailwind du coup, parce que quand même c'est sympa d'avoir de jolis boutons et choix de couleur dans les grandes lignes mais... à consommer avec modération, oui.

  • @pintokatendejonathan1740
    @pintokatendejonathan1740 2 ปีที่แล้ว +1

    Tu es le meilleur !!!
    J'aime surtout la manière dont tu as illustré le CSS par une orange

  • @Altseynat
    @Altseynat 3 ปีที่แล้ว

    Haaa la fameuse "bootstrap pour les grid"
    Je vais pouvoir envoyer ta vidéo au dev junior !!!
    Je suis d'accord avec tes arguments et surtout ta position sur l utilisation des framework CSS. Très utile pour des outils clients intranet où la fonctionnalité est bien plus importante qu un design poussé ou personnel.
    Au passage, superbe chaîne !

  • @b3drik
    @b3drik 3 ปีที่แล้ว

    Ta vidéo tombe à pic ! J'étais sur le point de craquer face à la pression Bootstrap de mon entourage de Freelances. Vraiment, j'étais convaincu que finalement ils avaient raison, que j'allais donc l'utiliser pour mon tout prochain projet, alors que je résiste à bloc depuis le début. En grand merci ! En plus, je me rends compte maintenant que je ne savais même pas argumenter cette décision (techniquement parlant).

  • @T_web3
    @T_web3 3 ปีที่แล้ว +1

    Regardez mon teint de peau c'est parceque j'utilise css tout les jours 😂😂 j'ai adorée tu as fait ma journée.
    Sérieusement, je développe depuis plus de 10 ans et j'ai mon entreprise et j'avoue également que le css est devenus tellement puissant avec les flex et grid ( j'utilise flex dans + de 90% des cas ) qu'il est devenu inutile d'utiliser un framework css même pour du prototypage j'en utilise presque plus.

  • @cortop4448
    @cortop4448 3 ปีที่แล้ว

    Tu m'as bien fait marrer. Merci pour tes vidéos

  • @baltimore89
    @baltimore89 3 ปีที่แล้ว

    Merci pr la video ben ! En fait dans ma formation de dev en 2017 quand j'ai appris le front bootstrap était un peu la milestone a maîtrisé pour les intégrations et je pense que c'est tjs ce que les formateurs enseignent en ecole...et apres j'ai connu d'autres librairies, pure css et materialize! A force de s'appuyer tt le temps sur des frameworks c'est vrai qu'on oublie qu'on peut faire pas mal de choses avec du css natif. Je pense que c'est surtout car on prend des habitudes et c'est très dur de s'en défaire après...mais il est vrai que si on veut monter en compétences il faut savoir bousculer ses habitudes!! merci pour la video !

  • @clementbouakkaz2583
    @clementbouakkaz2583 3 ปีที่แล้ว

    cette conclusion m'a complètement convaincue ! je veux le même grain de peau !!
    Merci BenjaminCode !!!

  • @lightman1431
    @lightman1431 3 ปีที่แล้ว

    Super vidéo, j'ai commencé le dev web il y a peu et ça me permettra de m'orienter vers CSS grid plutôt que bootsrap. Tu m'as sauvé merci x)

  • @olygood
    @olygood 3 ปีที่แล้ว

    merci benjamin l'extracteur de jus pour la comparaison j'adore ,tes conseils au top

  • @MrInsaneCreep
    @MrInsaneCreep 3 ปีที่แล้ว +16

    Rien a dire, les frameworks CSS me sortent par les yeux depuis le début...

  • @trawe5399
    @trawe5399 3 ปีที่แล้ว +1

    J'adooore !! Ben convaincue. je trouvais effectivement ca hyper chargé dans les balises sans réelle expertise. Et comme je vais m'orienter vers le front. Autant prendre de bonnes habitudes. et je m'en vais tester tailwind

  • @quentinmisslin4667
    @quentinmisslin4667 3 ปีที่แล้ว

    Yeeees merci ! Très bonne vidéo qui est tellement vraie !

  • @karkaryIA_Vision
    @karkaryIA_Vision 3 ปีที่แล้ว +2

    Je viens de voir cette vidéo, en bossant sur mon projet où pour une fois je n'utilise pas de librairie...Et je suis totalement d'accord la grid et flex c'est top ::)

  • @guijarry
    @guijarry 3 ปีที่แล้ว

    En temps que dev backend junior, j'utilise Bootstrap pour de petite app où je ne veux pas me casser la tête avec la mise en place de css pur et de me contenter du design graphique déjà fait de Bootstrap. Avec ta vidéo, il me semble logique de prendre du temps pour me former davantage au point de vue css pur et de développer mes propres designs.

  • @ludwighenriques8
    @ludwighenriques8 3 ปีที่แล้ว

    Etant dev junior, je dois dire que ta video est très pertinente. Je fais l'erreur d'utiliser bootstrap dans des petits projets pensant que je gagnerais du temps, principalement pour les grids effectivement. Et comme tu le dis, j'ai jamais pensé à importer que la grid de bootstrap... Bref, le message est bien passé, j'ai encore appris aujourd'hui. Merci de cette bonne remise en question de l'utilité de bootstrap.

  • @Lucas-nt1ec
    @Lucas-nt1ec 3 ปีที่แล้ว

    Merci beaucoup pour cette vidéo, perso j'adore CSS et surtout SASS, je pense moi aussi que il faut bien savoir utiliser grid & flexbox avant le reste. Juste par curiosité, que penses tu de la prochaine version de bootstrap? Sera t'il plus ok pour toi?

  • @quattroquatre3113
    @quattroquatre3113 3 ปีที่แล้ว +1

    Faites une pause a 6min17/18 si vous choppez le bon coup de main l'arrêt sur image est épique merci pour cette vidéo Benjamin j'en apprends tout les jours en te suivant 💪

  • @leslieaikpe7762
    @leslieaikpe7762 3 ปีที่แล้ว

    Tu dis tout haut ce que je pense tout bas trop trop content troop merci à toi

  • @basilerieu2349
    @basilerieu2349 3 ปีที่แล้ว +10

    Que l'algorithme de TH-cam fasse de la magie pour ton référencement !

  • @marinerose74
    @marinerose74 ปีที่แล้ว +1

    Bonjour Benjamin code, un grand merci pour cette vidéo! En tant que dev en herbe (en formation) je suis rebutée par bootstrap, je préfère faire les choses moi-même en css et html malgré mon manque d'expérience. Je n'aime pas non plus le code "dégeu" de bootstrap. Bootstrap est dans ma formation mais je le boudais et grâce à toi je vais continuer :) !

    • @FU-ee1po
      @FU-ee1po ปีที่แล้ว +1

      La même que toi, sauf que dans notre formation on à peine survolé le CSS qu'on nous a balancé Bootstrap...
      Alors je peux comprendre son utilité, mais apprendre un raccourci sans savoir le faire soi-même en CSS je trouve cela des plus cons.
      Et puis je suis totalement d'accord avec Benjamin Code sur le fait que ca rend ton code CSS ignoble à lire.

  • @hy-vonggeorgesditrap8526
    @hy-vonggeorgesditrap8526 3 ปีที่แล้ว +1

    Je suis encore étudiant en informatique, m'orientant plus vers de la programmation d'applications desktop ou le dev backend. Je viens juste de tomber sur ta chaîne et le deuxième argument de cette vidéo est celui qui me représente le plus. Je préfère largement la logique de programmation du back que le design en front. Je n'ai encore jamais utilisé Bootstrap mais ça m'est venu à l'esprit pour pallier à mon goût artistique déplorable.
    En une vidéo tu m'as clairement convaincu de m'intéresser plus aux techniques CSS que de laisser un framework désuet accomplir mon visuel xD

  • @nehemieguillot
    @nehemieguillot 3 ปีที่แล้ว

    Génial l'accroche dans l'intro ;)

  • @dorianlacoste5121
    @dorianlacoste5121 3 ปีที่แล้ว

    Super vidéo merci pour tes explications !!

  • @mouradtoumi7296
    @mouradtoumi7296 3 ปีที่แล้ว

    Excellent, je suis développeur Backend, je m'improvise fullstack quand je fais du Angular, et j'étais vraiment esclave de Bootstrap, mais tu m'as donné envie d'apprendre les CSS

  • @m03315_
    @m03315_ 10 หลายเดือนก่อน

    intéressant comme arguments, merci pour ce partage
    😀

  • @fedora3212
    @fedora3212 3 ปีที่แล้ว +2

    Merci pour cette vidéo, je fais toujours l'intégration a la mano. J'ai testé bootstrap, tailwind et d'autres mais au final je vais 10 fois plus vite en faisant tout à la main. Pas besoin d'aller jeter un oeil a la doc toutes les 5min pour comprendre d'où viens cette ****** margin!

    • @tom7050
      @tom7050 ปีที่แล้ว

      et tu bosses tout seul ... dans une team a 5 intégrateur sur du projet a 100 jours hommes , c'est pas gérable comme maniere de travailler

  • @chewie9279
    @chewie9279 3 ปีที่แล้ว

    En un mot : MERCI, ça fait du bien ! :)

  • @janjak5285
    @janjak5285 3 ปีที่แล้ว

    Intéressant ton sujet. En tant que junior j'ai pensé à tort, par rapport à ce qu'un sénior m'a dit un jour " c'est mieux quand tu n'as pas trop de CSS!" On m'a aussi fait comprendre qu'il fallait forcément un framework CSS pour aller plus vite. Donc ton propos est contradictoire par rapport à ce que j'ai beaucoup entendu mais mérite une bonne réflexion. Merci pour cette vidéo

  • @greob
    @greob 3 ปีที่แล้ว

    Beau boulot sur cette vidéo! Bravo!

  • @clementmenc
    @clementmenc 3 ปีที่แล้ว

    Salut Benjamin ! Je t'avoue que j'utilisais le système de grid de bootstrap jusqu'ici (en utilisant uniquement le fichier grid pas la totalité du framework). Depuis j'ai appris les flexbox et je doit dire que bien souvent je délaisse Bootstrap pour les flexbox mais dans certain cas j'avais des difficultés a avoir le résultat souhaité. Suite à ta vidéo, j'ai compris que les moment qui me bloques sont lorsque je devrais utiliser grid (avec le petit code que tu as montré), chose que je n'avais jamais trop utilisé car avec flexbox je me sortais déjà bien. Donc je compte creuser et apprendre le système de grid natif de css, merci pour ton excellente vidéo comme toujours, je raconte un peu ma vie mais c'est pour le référencement tu connais ;)
    Au plaisir d'avoir une prochaine vidéo, j'espère qu'un jour tu proposera la suite de GFC, car je suis vraiment intéressé pour y participer en tant qu'autodidacte, le comparatif autodidacte vs formé avec des formateurs pourrais être vraiment intéressant !

  • @ThomasGiraudShopify
    @ThomasGiraudShopify 3 ปีที่แล้ว

    Superbe vidéo ! Gg

  • @aminebessalah909
    @aminebessalah909 3 ปีที่แล้ว +1

    Merci beaucoup pour ces informations sa ma ouvert les yeux

  • @cguilweb
    @cguilweb 3 ปีที่แล้ว

    TH-cam t'a écouté et a promu ta vidéo. J'ai regardé cette nouvelle suggestion qu'il me faisait et j'ai aimé :) Je suis essentiellement back, et Bootstrap est souvent choisit par flemme de coder du front (ouais... shame, dsl). Du coup, c'est décidé, tu m'as motivé à rattraper mon retard en css/js. Je go regarder ta chaine et les ressources que tu conseilles :D

  • @stmaur0
    @stmaur0 3 ปีที่แล้ว

    Merci! Je fais partie de la 2eme catégorie, celle des dev orientés backend qui "n'ont pas envie de trop se faire chi** avec le front". Cette vidéo m'a fait réfléchir et je vais essayer de me débarrasser de cette habitude d'inclure bootstrap au démarrage de chaque projet!
    Le problème c'est aussi que pour faire la maquette d'un nouveau projet, on repart souvent d'un projet précédent (pas le temps de tout reprendre à zéro)...Et hop, bootstrap se retrouve embarqué et il est trop tard pour tout changer!

  • @taloamanu423
    @taloamanu423 3 ปีที่แล้ว +2

    J'adore tes transition chantante x)

  • @LErghan
    @LErghan 3 ปีที่แล้ว

    C'est marrant que tu fasse cette vidéo, j'ai décider d'arrêter avec Bootstraps il y a 2 semaine... ^^

  • @thomasbausiere9031
    @thomasbausiere9031 3 ปีที่แล้ว +1

    Je commente pour le référencement.
    Au passage, merci pour la qualy.

  • @florentgorski6289
    @florentgorski6289 3 ปีที่แล้ว +1

    Slt Benjamin,
    il est vrai quant en que dev junior ,
    j'aurais tendance à vouloir utiliser bootstrap, mais ta vidéo ma convaincue 😤
    Et je vais plus me penché sur Grid et Flexbox.
    Ⓜ📧®©❗✌🏼😁✌🏼.

  • @56polobzh
    @56polobzh 3 ปีที่แล้ว +3

    Merci pour la vidéo. Tailwind power !

  • @jaysanprogramming6818
    @jaysanprogramming6818 3 ปีที่แล้ว

    Je pensais que tu allais nous bourrer le mou avec le pur code, tout faire soi-même, réinventer la roue, tout maîtriser jusqu'au moindre détail et j'allais t'attaquer sur les libs JS comme ThreeJS ou React. Au lieu de ça, tu nous présentes des arguments très cohérents qui justifient parfaitement l'utilisation des fonctionnalités modernes des CSS et tu prêches pour du code concis, clair et lisible. Je te suis à 100% là dessus. Merci pour la vidéo.

    • @BenjaminCode
      @BenjaminCode  3 ปีที่แล้ว

      Ouf j'ai échappé bel on dirait bien ! Je me faisais la remarque récemment, je pensais recevoir dix fois plus de commentaires comme celui que tu décris mais je pense que ce qui m'a sauvé est de me baser sur le petit sondage twitter plus que mes propres idées reçues et arguments. C'était sensiblement les mêmes mais twitter le sondage m'a aidé à structurer ça d'une manière ressevable par une audience qui aurait peut bien souvent partir sceptique sur le sujet !
      J'ai eu de la chance ! Merci pour ton Com !

    • @jaysanprogramming6818
      @jaysanprogramming6818 3 ปีที่แล้ว

      @@BenjaminCode Non, je pense surtout que tu n'es simplement pas tombé dans le piège du pur code pour la gloire. Vu tes arguments, tu semble pragmatique et tu préfères passer du temps à apprendre à utiliser des outils modernes et élégants plutôt qu'à rester sur des connaissances empiriques qui finissent inévitablement par devenir obsolètes et lourdes.
      J'avais entendu parler de Bootstrap, toujours en bien, et je ne voyais pas bien ce qu'il apportait réellement. Je comprends mieux maintenant. Je peux mieux peser le pour et le contre et c'est toute la différence avec des vidéos qui vantent un outil sans soulever les potentiels problèmes.
      En tout cas, tu m'as convaincu de plonger plus profondément dans le CSS.^^

  • @devdiagnostics
    @devdiagnostics 2 ปีที่แล้ว +1

    Ça c'est moi, des container dans des container 😂😂. Je suis un développeur back. Merci pour cette vidéo.

  • @travailleurapleintempsmerci
    @travailleurapleintempsmerci 3 ปีที่แล้ว +1

    Belle réfléxion, merci :)

  • @innovationavecmmc983
    @innovationavecmmc983 3 ปีที่แล้ว

    Qu'est ce que t'es drôle. 👍👍👍 Merci beaucoup, tu m'a fait rire et tu m'a aussi informé.

  • @jhblack23
    @jhblack23 3 ปีที่แล้ว

    Si l'on bosse en entreprise sur de gros projets le cas du Framework css est vraiment utilise voir indispensable que ce soit Bootstrap vuetify quasar tailwind etc ça force l'équipe à coder le css de la même façon. Ça permet aussi à toute l'équipe de retoucher le css au besoin en allant une minute dans la doc dès qu'il y à un besoin car il y à des personnes moins sensibles et rompues au css dans une équipe. En start-up notamment tout le monde touche souvent à tout sans forcément être expert de tel domaine.Tu as bien décrit le cas pertinent mais le truc c'est qu'il est très fréquent ce cas à partir du moment où on est employé !

  • @SmfCoder
    @SmfCoder 3 ปีที่แล้ว +2

    Superbe vidéo, arguments et raisonnement tiennent la route, et ça fais vraiment du sens d'apprendre et utiliser des fonctionnalités natives au CSS.

  • @TomCodeur
    @TomCodeur 3 ปีที่แล้ว

    Top la vidéo !

  • @cryp2mania
    @cryp2mania 3 ปีที่แล้ว

    J'adore tes videos!

  • @hiteafr
    @hiteafr 3 ปีที่แล้ว

    Merci pour les infos🙏 j'avais vraiment l'impression que c'était le top Bootstrap, mais ça c'était avant 😁

  • @elyothe4005
    @elyothe4005 3 ปีที่แล้ว

    superbe vidéo merci beaucoup

  • @javascriptacademy1973
    @javascriptacademy1973 3 ปีที่แล้ว +8

    Perso, *j'aime bien bootstrap* . Meme la version 4 est vieillissante!!! Je suis quand même d'accord avec toi.

  • @aboogabriel1021
    @aboogabriel1021 3 ปีที่แล้ว

    Bon bah... Benjamin je dois te remercier, ta vidéo m'a poussé à me mettre le coup de pied au c** salutaire pour m'extraire de Bootstrap. A l'agence à laquelle je bosse on m'a directement branché sur Bootstrap (3 *sic*) parce que c'est celui qu était embarqué sur le theme de base de tout ce qu'on produisait (essentiellement du thème sur mesure pour Drupal et Wordpress). Ca me plaisait pas des masses mais c'était comme ça , donc je balançais des intés sur cette version de bs. Aujourd'hui j'ai dégagé tout ça, je me suis fait une base modulable via scss qui permet de faire ma grille (la seule chose qui me cherchait) avec une structure au choix en flex ou en grid.
    On pourrait en causer j'imagine, mais enfin...merci, c'est un pas de plus pour mon framework maison à l'agence...

  • @XxtaZzeur
    @XxtaZzeur 3 ปีที่แล้ว

    Bonjour, quel est le jeu que tu utilise pour illustrer les flexbox ? par exemple à 9:09 merci. sinon super vidéo très intéressante

  • @UsernameIndex0
    @UsernameIndex0 3 ปีที่แล้ว

    Il est 4:51 am chez moi. Je decouvre ta chaine en plein coding session and i like yo approach. Je m'abonne directe!!!
    Pour ma part je naime pas bootstrap pour sa facilité.
    Merci pour tes conseils btw, surtout la partie div inside div inside div.

  • @atamanfeti
    @atamanfeti 2 ปีที่แล้ว

    J'ai rigolé pour le point 2. Grillé !

  • @neosoulink4398
    @neosoulink4398 3 ปีที่แล้ว

    Hey salut benjamin, moi je suis fullStack développer et je dois bien avouer que j'écris beaucoup de caca Bootstrap notamment lorsque je me penche plus sur le backend😅. Mais grâce à toi je suis hyper motivé à plus écrire du CSS ( du bon CSS), et surtout pour finaliser mon site personnel ! Merci cool vidéo !!!

  • @yanisoulhaci3369
    @yanisoulhaci3369 3 ปีที่แล้ว

    Celà fait plus d'une semaine que je cherche à comprendre mieux si les avantages en valent la peine !!! Merci!

  • @digitalpourlesnulsmarketin7695
    @digitalpourlesnulsmarketin7695 3 ปีที่แล้ว +1

    Enfin quelqu'un qui partage le meme avis que moi. Je suis DEV FullStack

  • @jeremiecuneo1442
    @jeremiecuneo1442 3 ปีที่แล้ว

    Merci pour cette petite vidéo qui me fait changer d’avis sur Bootstrap

  • @carere
    @carere 3 ปีที่แล้ว +2

    Hello, est-ce que tu pourrais nous donner quelques ressources afin d'être à jour côté css ? (Question d'un ancien qui se rend compte que le CSS s'améliore 😅)

  • @focusme-tv3650
    @focusme-tv3650 3 ปีที่แล้ว +2

    Bonjour Benjamin !
    Il faut savoir que sur beaucoup de supports d’apprentissage comme pas mal de cours sur Udemy par exemple, bootstrap c’est un des premiers cours concernant le front end après html/css pour simplifier/rendre plus rapide l’écriture du code et faire en sorte que le contenu s’adapte à la taille de l’écran sur lequel le site est consulté (pour les débutants, ce que je suis).
    Personnellement j’ai réussis à livrer un premier projet propre et rémunéré grâce à Bootstrap, et le client était super content ! Et je n’ai que 2-3mois d’auto formation à mon actif.
    Après il est vrai que parfois l’écriture est lourde avec toutes ces classes. Mais c’est standardisé, quelqu’un qui lis du BT et qui sait déjà s’en servir, comprendra ce qu’il lis même si c’est chargé.
    Cependant je te suis tous les jours, et je trouve que t’es un bon repère pour savoir si ce que j’étudie est d’actualité ou pas. Et du coup même si ça me brise le cœur je vais bosser pour être meilleur en grid css. 🤷🏻‍♂️
    Je jetterai aussi un coup d’œil à TailWind.
    Bonne journée à tous !
    Ps: J’adore tes vidéos 😁

    • @BenjaminCode
      @BenjaminCode  3 ปีที่แล้ว +2

      Excellent retour d'expérience ! Merci beaucoup pour le message !
      Encore une fois c'est pas un drame d'utiliser Bootstrap et en effet si ça te permet de livrer des sites et remplir ton frigo t'en prive pas ! Mais je suis là pour tenter de vous rappeler que y'a peur être de meilleures technos à essayer pour une prochaine mission 🙂
      Très bonne journée à toi et félicitations pour ton premier client satisfait !

    • @Engeryu
      @Engeryu ปีที่แล้ว

      Hey, BT, Boots Trap ? Démarrage Piégé ? Ca fait réfléchireee:) Bien joué pour ta première mission mec !

  • @IdrissNeumann
    @IdrissNeumann 3 ปีที่แล้ว +1

    C'est comme d'hab : les framework qui font beaucoup de choses et leur capacité à répondre un besoin quand aucune autre alternative sérieuse existait. On a la même chose avec Spring pour les dev java qui font du back. Spring à été un des premiers framework à démocratiser l'injection de dependance/inversion de contrôle pour rendre ses apps beaucoup plus facilement testable unitairement. Et aujourd'hui Springboot est un des toolkit qui permet de sortir une api le plus rapidement avec 80% des problématiques liés à la sortie d'une api classique: dao, ioc, healtthchecks, breaker circuit, clients, mapping naturel de format de description avec des objets, etc. Mais c'est un des plus lourd aussi à l'image de ton extracteur de jus et pour chacun des besoins exprimés au dessus il existe des libs et toolkits beaucoup plus légers. Et du coup en faisant ta combo de lib tu va avoir tendance à ré-inventer un framework et ça t'ira très bien car tu te sentira libre et plus léger car tu n'aura pris que ce dont tu as besoin de façon pragmatique. Mais les autres auront du mal à te suivre...
    Bootstrap comme tu dit ce qui l'a rendu populaire c'est son système de grid. Aujourd'hui il te donne un thème complet pro pour ceux qui n'y connaissent rien en CSS et qui veulent directement que les formulaires aient une gueule présentable sans investir beaucoup dans l'ui et le design. C'est le cas dans la majorité du parc logiciel interne d'entreprises ou de services publics en France. Je peut te garantir que quand t'as pas bootstrap ou même jquery ui dans ces softs (réalisés par des grosses ssii) tu te retrouve avec des ihms moyenâgeuses. Donc par exemple si j'étais chef de projet dans une SSII ou on me donne 0% du budget pour le front, on me dit "tes développeurs seront fullstack et c'est le client qui n'y connaît rien qui fera les ux/ui review", j'ai tout intérêt à partir dessus.
    T'aura beau convaincre un dev back de se former comme il faut au CSS et même au design, répandre ça sur un plateau de 150 développeurs back qui font des webservices en JEE avec 80% de juniors, bon courage.

  • @Jeanbane
    @Jeanbane 3 ปีที่แล้ว

    C'est une très bonne vidéo. J'aurais une question a te poser vu que tu es plus orienté front. Aurais tu des astuces ou autre pour apprendre et maîtriser js/reactjs etc ? Je n'arrive pas a tout apprendre et tout retenir et je n'ai pas aussi la créativité pour créer des projets et donc pratiquer

  • @Maxime-si5xk
    @Maxime-si5xk ปีที่แล้ว

    t'es tellement intéressant que je suis entrain de regarder tes vidéos alors que j'ai jamais fait de codage de ma vie aha

  • @gbc21
    @gbc21 3 ปีที่แล้ว

    J'viens de tomber sur ta chaine. Abonné direct des l'intro. Belle vidéo et supra intéressante moi qui essaie de sortir de boostrap.
    Quelles sont res 2 ressources stylés pour comprendre grid et flex avec le sorte de jeu?
    Merci pour la motiv et a+ sur d'autres videos

  • @Elthorr149
    @Elthorr149 ปีที่แล้ว +1

    En tant que dev backend bootstrap m'aide énormément pour ne pas dépendre des dev frontend pour mes projets perso. Mais ça me paraît naturel que quelqu'un qui s'est spécialisé frontend, et bien le CSS il doit maîtriser pour avoir plus de contrôle sur son contenu.
    Parceque sinon à ce rythme on va avoir des développeurs wordpress, si c'est pas déjà le cas.

  • @yutsu1851
    @yutsu1851 3 ปีที่แล้ว +1

    Super vidéo!
    Je voudrais savoir c'est quoi le nom du site avec les animations qui permet de s'entraîner sur flex/grid ? merci :)

    • @MrKohadon
      @MrKohadon 3 ปีที่แล้ว

      Recherche rapide "Flexbox games", vérification des 10 premiers sites pour comparer le logo : Mastery Games : flexboxzombies. Payant dans le futur à priori...

  • @emmanuelravrat
    @emmanuelravrat 3 ปีที่แล้ว

    je suis tellement d'accord ! Je fuis tailwind également (cela donne l'impression d'utiliser les styles dans les balises, bonjour la maintenance évolutive...)

  • @danielb4099
    @danielb4099 3 ปีที่แล้ว

    @benjaminCode j'utilise knackcss tu en pense quoi ?

  • @junglebob7355
    @junglebob7355 3 ปีที่แล้ว

    salut, aucun rapport du coup mais dans la serie utiliser des frameworks parfois decrier tu pense quoi du fait d'utiliser jquery aujourd'hui ?

  • @brennos9161
    @brennos9161 3 ปีที่แล้ว

    et ben ta vidéo me conforte dans l'idée de continuer à creuser encore et encore le CSS et non de céder à la faciliter ^^

  • @Maxxouu
    @Maxxouu 3 ปีที่แล้ว

    Moi j'utilise(ais? 😂) bootstrap pour le carousel et les "navbar" car c'est très rapide et beaucoup moins chiant.
    En y réfléchissant c'est vrai que je n'utilise à peine bootstrap...
    Desfois même j'écris du CSS pour enlever une margin ou un padding de bootstrap !
    Tu m'a bien fait réfléchir et je pense que tu m'a convaincu 😉

  • @MrJohnathan60
    @MrJohnathan60 3 ปีที่แล้ว +4

    C'est quoi le nom de site à 5:41 ?
    Ca m'a l'air super intéressant.
    Merci d'avance

    • @KarnakOvy8
      @KarnakOvy8 3 ปีที่แล้ว

      Flexbox Zombies, mais il en existe plein d'autres, regarde du côté de cssgridgarden si tu cherches à apprendre grid

  • @regisf4346
    @regisf4346 3 ปีที่แล้ว

    j arrive un peu apres la bataille mais je trouve que Bootstrap est plus simple à utiliser et surtout quand on commence à coder, ce qui est mon cas; c'est surement une mauvaise habitude, c'est clair ; mais c'est plus simple a rechercher et entrer les class Bootstrap qu'à tout faire sois même en CSS (ca va beaucoup plus vite pour le débutant que je suis)... mais sur le fond t'as bien raison... trop bien ta chaine! keep going!