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 :/
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!
@@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é.
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
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 !
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é...
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
@@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 👍😉
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.
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
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. ❤️
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.
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 !
@@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.^^
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
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 :) !
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.
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. 🙂
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.
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 !
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.
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.
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 💪
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).
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!
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.
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 😅
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
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.
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!
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.
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 !
Amen 🙏🏻! J'ai trop peu d'expérience en dev pour me permettre de faire des "leçons", mais je m'intéresse surtout au front et je trouve que le CSS est beaucoup trop sous-côté ! Pour avoir bossé deux mois sur une refonte front infectée de bootstrap mal utilisé à coup de centaines de surcharge !important dans le CSS custom je valide à 1000% que ça ne fait absolument pas gagner de temps. Au contraire, en TMA c'est un véritable gouffre...
On devrait envoyer cette vidéo à Grafikart qui vient de dire sur son live Twitch que "tailwind c'est de la merde c'est pas une question de gout et je vais te dire objectivement pourquoi bootstrap c'est mieux"... bref... s'en est suivi un monologue de sourd pour qu'il finisse de manière très contradictoire en disant "ce qui me trigger le plus sont ceux qui critique" alors que sa question de base était "j'utilise quoi pour faire le css" ... Son chat avait juste proposé Tailwind 😂😂😂😂😂😂 L'humilité et le melon ne vont pas ensemble, dommage... Ton intro... Excellente !
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
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 !
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!
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é !
Je n'ai pas bossé sur des projets en très grande équipe alors je ne peux pas dire mais c'est tellement plus cool de faire soi-même le job que ça me semble nul d'utiliser Bootstrap, surtout avec le CSS qu'on a aujourd'hui. Après, le problème vient surtout des personnes qui ont appris à faire des sites avec BS entre 2011 et 2015 et n'ont jamais update leurs connaissances en CSS. T'as même des gens, quand ils créent leur index.html de base, qui ne peuvent pas s'empêcher d'importer Bootstrap alors qu'ils n'ont pas encore cherché une seconde à savoir comment ils allaient bosser leur projet. L'inertie, fléau du genre humain et encore plus du développeur.
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...
Je rajoute mon petit point de vue au bordel... Alors personnellement j 'utilise bootstrap dans ce cas précis : quand je bosse sur un petit tuto, un petit guide, un petit trick back et que je veux juste éviter de bosser avec le rendu navigateur. Sinon j'ai pris tellement le temps d'apprendre le CSS que ça me fait limite perdre du temps d'aller sur boostrap, je trouve ça assez lourd, même dans la compréhension je veux dire. Ma grille bootstrap ressemble à rien, j'ai jamais vraiment pijé leur classe je crois haha. Par contre la flexbox, j'en abuse et ça j'adore. Et puis y a pas à dire les attributs CSS sont assez parlant, je trouve que c'est plus intuitif. Et excellente vidéo au passage, c'est intéressant que tu te sois attardé sur le point de vue des autres.
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 😉
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
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
J'ai déjà travaillé dans une (grosse) boîte où le design des applications métier était lui même basé sur les composants de Bootstrap. C'était déjà une bonne raison de l'utiliser, mais pas seulement. Le système SASS sur bootstrap est très bien fait et permet beaucoup de choses (changement de thème, classes utilitaires, variants de composants Bootstrap). Il permet aussi d'importer uniquement ce dont on a besoin ou de redéfinir totalement les classes fournies ou valeurs par défaut dans Bootstrap. Le framework a bien évolué dans l'ensemble, je trouve. Il n'est pas une vieillerie. Le fait d'avoir gardé du code CSS écrit il y a plusieurs années est un choix voulu par le framework, celui de la stabilité (hé oui, des milliers d'application dépendent de bootstrap). Aussi à des fins de rétro-compatibilité. Et puis, écrire dix fois d'affilé des balises avec les mêmes classes comme tu le montres dans la vidéo se fait rarement aujourd'hui, en général c'est contenu dans une boucle (je parle d'une vraie application web dynamique et non pas une maquette HTML). Le fait d'écrire des classes HTML et de les utiliser massivement dans les vues utilisateur peut apporter de nombreux avantages, par exemple éviter de devoir switcher entre contexte CSS et logique du template (qui se trouve généralement dans le document HTML), surtout quand le style attendu est lié purement à de la logique applicative ou à des interactions avec l'utilisateur. Il y a de multiples façons d'aborder le CSS lorsqu'on construit des applications web complexes mais Il y a une chose qui est indéniable. C'est qu'à ce jour absolument personne n'a la réponse sur laquelle est la meilleure.
En vrai c'est con, je suis développeur front et c'est vrai que j'utilise Bootstrap un peu par feignantise, et en plus j'essaye aujourd'hui d'être web performance friendly, donc avec le code CSS surchargé de bootstrap et les classes à n'en plus finir sur les éléments HTML, c'est pas vraiment fameux... Merci pour cette vidéo, je vais aller me remettre en question maintenant ! :D
Merci, j'ai fait du dev front pendant 2 ans et j'utilisais 100% bootstrap ( bon après je rentrais dans un cas d'utilisation étant sur un gros site avec des micro front end de partout donc bon ) mais je connaissais même pas l'existence de la grid CSS et j'ai appris il y a peu l'existence des flexbox. Merci je pense que je n'utiliserai plus bootstrap pour mes petits projets perso.
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 ::)
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)
On est d'accord, il faut pas longtemps pour se faire ses propres classes génériques ou spécifiques(a un projet) et les connaître toutes... De fait. ^^ Plutot que chercher le nom de la classe d'un autre et comment l'utiliser.
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 😁
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 !
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.
Cette vidéo fait du bien ! J'avais l'impression d'être seul au monde. Je suis passé expert en déboostrapisation et déreactstrapisation. Et oui, ces cons ont fait un variant de ce virus dédié à react... Le problème, c'est que souvent le projet se lance, les lanceurs de projet (qui n'ont plus vraiment été confronté au cycle de vie entier d'une web app depuis plusieurs années) mettent boostrap puis développent quelques features. Au bout d'un moment le projet est moche, alors on fait intervenir des développeurs front-end expérimentés, et c'est à eux que revient la tâche d'éteindre l'incendie. Pas le choix que de virer bootstrap (ou s'en passer sur les élements à redévelopper), revoir les structures html pour optimiser le DOM, pour enfin faire du css comme des professionnels et non des pignoufs. L'excuse du "ça a été mis sur le projet avant que j'arrive" je ne veux pas l'entendre, si tu n'as pas le temps et l'énergie de virer bootstrap du projet, tu peux au moins nettoyer la zone sur laquelle tu interviens et faire quelque chose de propre sur tes composants du moment. C'est le même genre d'excuse bidon que celle du "je ne fais pas de test unitaires car il n'y en avait pas avant".
Ahaha je valide 100% cette expérience. C'est parce que j'ai du deboostrapiser aussi de nombreux projets mal en point que je sais à quel point bs est nephaste. Par contre en test tu fais quoi en front ?
@@BenjaminCode Quand je parlais des testes c'était en général, dans le développement. Comme je développe toujours de manière hyper micro (petit composant, petite méthode, petit hook etc...) je couvre en TU toute la logique qu'il pourrait y avoir dans mes applications front-end, et j'ai aussi pris le coup de faire des snapshots de composants afin de garantir l'intégrité de mon DOM généré. Je cherche à tendre vers les 70% de couverture de code en front, je suis plus exigeant sur le back.
Hello, j'ai un bac +3 en dev front et une formation de 8 mois en full stack. Front : introduction à bootstrap, 4 heures. Full-stack : 3 jours de bootstrap. Pourquoi ? Pas le temps... Mes collègues comprennent à peine les comportements par défauts. Ils ne maitrisent pas les z-index, l'absolute. Je parle même pas de responsive c'est affligeant de bosser avec. Je déteste profondément bootstrap, c'est simple je vais plus vite en SCSS qu'avec bootstrap. Je leur conseille de se faire une workbench avec leurs outils. Mais rien n'y fait. Sacré virus ce bootstrap.
je suis tellement d'accord ! Je fuis tailwind également (cela donne l'impression d'utiliser les styles dans les balises, bonjour la maintenance évolutive...)
Je suis développeur backend (disons) et je n'ai pas particulièrement d'expertise en CSS, alors Bootstrap c'est ma solution de prédilection pour réaliser des frontend fonctionnels rapidement, et puis les dernières versions ne sont pas deg'. Et je dis ça en connaissance de cause, pour avoir essayé d'autres frameworks ainsi que du CSS pur
Salut ! J'ai cru que ça serait un troll bête et méchant au vu du titre tape à l'oeil, mais c'était bcp plus pertinent que je ne l'ai cru :) Dans ma boite on est très à fond Bootstrap, pourtant je suis assez d'accord avec toi et je pense que tu abordes assez bien le sujet. En effet, mal utilisé, Bootstrap c'est caca... Cependant, tu n'abordes pas tout à mon sens. 2 points restés en suspend : - Aujourd'hui, avec ou sans Webpack, il existe des purge CSS qui allègent considérablement le code de frameworks CSS tels que Bootstrap. Les perfs sont vraiment excellentes, et ça va super bien avec Bootstrap. - Quid de la compatibilité browser ? Dans ma boite, on garantit la compatibilité IE11, alors ça peut sembler con au vu du % général d'utilisation qui baisse chaque année, mais c'est avant tout parce que 10% de nos clients sont encore sur IE... On ne peut pas faire autrement, et les grid CSS sont en partial support pour IE. Bootstrap, avec ses hacks et petits détournements nous arrange bien.
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 !
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! 😁
En tant que dev front, j'ai utilisé Tailwind pour plusieurs projets. Le principal avantage est que lors de la MEP, il check dans les fichiers qu'on lui fournis (html, js, fichier template) toutes les class qui appartiennent à Tailwind et inclus donc uniquement ces class. Par exemple pour les grid si on utilise que la class col-span-4 il inclura uniquement cette class.
J'ai regardé la vidéo, ça ne me fait pas changer d'avis sur bootstrap (bien que l'utilisation de tailwind m'intrigue), essentiellement car je fais partie de ceux qui n'aiment pas le front. C'est tout de même condescendant de dire que le css "c'est pas si compliqué que ça", que tu entends seulement que l'on aime pas le front. Le css, je suis d'accord pour dire que c'est un outil puissant, mais on peut rapidement faire quelque chose de mal structuré quand on n'a pas les bonnes pratiques en main. Connaitre le CSS, c'est une chose, mais bien l'utiliser en est une autre. Bootstrap simplifie beaucoup de choses, et je continuerai de l'utiliser pour ça.
Je suis actuellement en formation de dev web full stack, on m'a introduit à Bootstrap, j'ai vraiment détesté, je suis repassé sur du pur CSS dès que j'ai pu
Tu m'as fait changé d'avis sur Bootstrap... Par contre, je continuerais à l'utilisé. Pourquoi ? Et bien tout simplement parce que je n'ai aucune notion en design. (généralement, ce que je trouve beau, la majeure partie des gens trouvent ça à gerber) j'y suis complètement allergique. Les composants Bootstrap sont aussi très pratique et tu n'en parles pas dans ta vidéo (sauf erreur). Récupérer une barre de navigation complètement responsive en 10 secondes au chrono, permet de se focaliser sur des taches plus "fonctionnelles". Mais tu as raison, c'est salle, sa rend complètement dégueulasse le fichier html avec une demie douzaine de classes sur la majeure partie des balises. Mais c'est vraiment très pratique ! Rejoins nous du coté obscur ! Amicalement bien sur ! ^^
Est-ce que quelqu'un aurait des tutoriels ou des sites pour aider à apprendre le CSS et surtout la Grid ? Je cherche à me détacher de bootstrap mais je ne trouve pas assez de ressources pour m'améliorer réellement.
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.
J'utilise Bootstrap depuis longtemps (et maintenant il est en pur Javascript, plus besoin de Jquery et en plus puls ont viré le support de IE, ce que je trouve vraiment bien d'écarter ceux qui ne suivent aucune convention), et tes arguments sont convaincants. Par contre, cela me demanderait d'avoir des bonnes bases en Frontend (en dehors de React.js qui est autre chose). Je l'avoue, j'utilise un framework par manque de connaissance en CSS (et des mauvaises habitudes de facto). Généralement, un framework, c'est justement pour se concentrer sur autre chose que sur ce qu'on ne maîtrise pas, sans faire n'importe quoi (pour moi, clairement, c'est une béquille, qui, finalement, si on importe pas ce dont on ne se sert pas, n'est pas si lourd à embarqué quand en plus, c'est partagé dans le cache...). L'argument phare que tu donnes et qui me convainc, c'est que en effet, CSS c'est bien mieux que avant, flexbox c'est top et avec des bonnes bases, probablement que le responsive doit être facile à implémenter. C'est pour toutes les bonnes raisons que tu as donné que je te suggère d'aller plus loin et de, soit faire un tuto sur le frontend CSS, soit de fournir des liens que tu estime pertinents. Je trouve que tes vidéos sont vraiment sympa.
Plaisir de te lire comme d'hab. J'y pense parfois à faire un tuto Frontend car c'est vrai que je réalise que y'a pas vraiment beaucoup de resource qui l'enseignerait tel que je le visualise... Mais ça me prendrait vraiment beaucoup de temps à faire, faudrait que je fasse ça en tant que formation vendue ailleurs que sur RUclips je pense... A voir. Tu me fais y réfléchir un peu plus sérieusement !
@@BenjaminCode merci, c'est sympa. tu faisais des concours à un moment. c'est peut être une idée de partir d'un code avec bootstrap-4 et de faire un challenge de refactorisation pur CSS ?
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.
Tout à fait d'accord, Bootstrap était la solution quand GRID et Flexbox n'était pas là. Aujourd'hui c'est useless et arrachage de cheveux d'utiliser bootstrap. Il est plus facile de coder de zéro et d'utiliser le CSS d'aujourd'hui. J'ai eu le malheur de reprendre un projet sous Bootstrap, je perds plus de temps à comprendre leur documentation, qu'en codant 2 lignes de CSS pour résoudre certains problèmes
Bonne vidéo, perso j'utilise Bootstrap sur mon projet, juste parce que je suis dev backend et que j'ai pas pris le temps de me mettre à jour là dessus. Je vois déjà les gens me lancer des cailloux ^^ juste que je me forme déjà sur énormément de technos et que je reporte ma mise à jour front end à plus tard (le fameux "c'est prévu, plus tard") ;) Mais merci pour cette vidéo qui me pousse à prendre le temps :)
J'aime bien le système de colonnes de bootstrap personnellement. Grid est facile à prendre en main ? J'aime bien flexbox mais grid je n'ai jamais osé y mettre mon nez.
De mon expérience, bootstrap 4 a enfin un peu relevé le niveau mais n'est toujours pas assez propre pour être utilisé dans des projets sérieux. J'utilise essentiellement Tailwind car dans ma société nous analysons très fortement tous les frameworks avant d'en choisir un. C'est pour cette raison d'ailleurs que nous préférons Ember Js à beaucoup d'autres. Mais même Tailwind ne doit pas être utilisé sur des site statiques et c'est un peu souvent le souci de ce genre de framworks. Si on travaille en html/css, utiliser des tas de classes comme le propose Bootstrap, cela va totalement à l'encontre du concept même de css qui consiste à séparer le contenu du design. Dans ce genre de situation, si votre client vous demande soudainement de supprimer une colonne dans toutes les pages dus ite. Vous êtes bons pour repasser dans l'entièreté de vos pages html au lieu de simplement modifier UNE classe dans la css. Nous utilisons des frameworks css uniquement quand il s'agit de PWA. Dans ce cas les éléments des pages sont des modules de quelques lignes et s'intègrent comme des blocs Lego. Si on doit modifier le système de colonnes de toutes les pages, ça sera fait sur UN unique module. Et la raison pour laquelle nous utilisons Tailwind, n'est absolument pas pour gagner du temps, parce que je pense sincèrement que ce n'est pas le cas (loin de là) mais pour unifier, comme Benjamin le disait, la façon de fonctionner. Sur une PWA, nous sommes parfois 5 à travailler dessus, si chacun y va à sa manière, cela peut très vite partir en cacahuète.
""Si on travaille en html/css, utiliser des tas de classes comme le propose Bootstrap, cela va totalement à l'encontre du concept même de css qui consiste à séparer le contenu du design."" ou alors tu utilises @extend .. fin de game Mais comme toi sur du site evementiel / avec peu de feature métier je prefere aller a l'essentiel . Et comme toi sur de plus gros projet je prefere un framework qui a le merite d'etre documenté sans moi :) Par contre avec la V5 je suis reparti de tailwind pour bootstrap
100% ok avec toi. Je pense qu en faite c est aussi la maniere dont les gens ont appris. On a du leur dire c est facile et rapide... c est sur aue si tu commence et que tu vois la montagne de chose qui t attendent ,tu te perds . donc quand t as un outil qui s apprend en 5min :tu prends. Perso j suis avec le framework natif ahah
Eh ! Prendre la moitié de mon commentaire twitter, c'est pas juste ! Mais très bonne vidéo. Je te rejoins en tout point. Je précisais bien dans mon commentaire que c'était pour la facilité d'appréhension du responsive, maintenant avec quelques années de CSS je suis totalement contre importer cette libraire alors qu'on peut en 6 lignes, à l'aide de @media, faire tout ça proprement et comme on l'entend. Merci pour cette vidéo, vraiment cool ! A la prochaine pour de nouveaux débats !
Ca fait plus de 10 ans que je dev front/back, j'adore bootstrap, mais je ne l'utilise pas, parce qu'il est devenu inutile et aussi parce que c'est trop lourd pour mes projets ^^. Ça marche pour tous les frameworks que j'ai utilisé, je reviens toujours au vanilla ^^
entièrement d'accord, moi je suis full stack meme je n'aime pas ce terme .... on me demande un outil pour le business en entreprise on veut du concret il faut que ça tourne alors certes je n'ai pas la fibre du design mais une fois qu'on a fait son css il n'y a rien de sorcier et franchement c'est bien plus intéressant de tout faire
En fait c'est le front qu'on voit en premier quand on apprend, et très sommairement. Y'a des tonnes de gens qui s'en arrête à cette connaissance très sommaire du front. Des que tu vas plus loin, y'a plus personne et c'est dommage car ça devient passionnant ! Je pense que c'est plus chaud de progresser en front qu'en back aujourd'hui!
@@BenjaminCode T'as raison, au taf des fois je galérais sur des trucs et mes collèguent me disent : ahh tu le front c est galère, tu vas bientôt te mettre au back. Bah non pas moyen :)
intéressant comme vision, j'adore le css mais j'ai découvert (on nous a montré en formation) bootstrap et j'ai adoré. Bien que compliqué car trés chargé on peut néanmoins utiliser que certaines parties.. La version 4 a bien évolué pour utiliser avec du js. Et le 5 peut en effet plaire à bcp de dev.. (voir des vidéos récentes avec npm..) en effet tailwing est en train d'arriver et je n'ai pas encore testé, la tech change tellement rapidement et comme il faut suivre la mouvance (tout le monde utilise vs code..etc..) moi je vois ce que j'aime et ce que je comprends . l'histoire de presser l'orange est intéressant et plus compréhensible qu'une recette de cuisine transformée en js! En attendant tes videos sont cool mais les juniors comme moi ont besoin d'obtenir la connaissance et l'experience pour travailler le domaine du web..
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 :/
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!
@@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é.
@@BenjaminCode qui utilise encore Bootstrap en 2021?
La majorité...
@@brinckau Est-ce que les entreprises high tech qui developent des produits comme spotify, twitch, fiverr, wix utilisent bootstrap?
Placement de produit pour orange bien joué
😂
Lol
Ah je me sens trahi, manipulé 🤣
Il veut nous vendre des extracteurs grillé
Habilement fait
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
😂😂😂
😂
xDD
😂😂
Tu as raison
:)
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 !
Nice, j'ai enfin une vidéo que j'vais pouvoir envoyer à ceux qui abusent de Boostrap à tout bout de champ ! :P
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é...
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
@@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 👍😉
@@wizkeez4689 oui c'est sûr !
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 😂
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.
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
@@stmikhael1806 je pense plutôt aux startups qui font des saas ! Donc pas de wordpress
Tu es le meilleur !!!
J'aime surtout la manière dont tu as illustré le CSS par une orange
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. ❤️
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.
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 !
@@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.^^
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
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 :) !
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.
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. 🙂
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.
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 !
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.
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.
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 💪
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).
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
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!
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
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.
TailwindCSS c'est la vie si on sait faire un peu de CSS vanilla. 👌🏻
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 😅
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
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.
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!
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.
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 !
Amen 🙏🏻! J'ai trop peu d'expérience en dev pour me permettre de faire des "leçons", mais je m'intéresse surtout au front et je trouve que le CSS est beaucoup trop sous-côté ! Pour avoir bossé deux mois sur une refonte front infectée de bootstrap mal utilisé à coup de centaines de surcharge !important dans le CSS custom je valide à 1000% que ça ne fait absolument pas gagner de temps. Au contraire, en TMA c'est un véritable gouffre...
On devrait envoyer cette vidéo à Grafikart qui vient de dire sur son live Twitch que "tailwind c'est de la merde c'est pas une question de gout et je vais te dire objectivement pourquoi bootstrap c'est mieux"... bref... s'en est suivi un monologue de sourd pour qu'il finisse de manière très contradictoire en disant "ce qui me trigger le plus sont ceux qui critique" alors que sa question de base était "j'utilise quoi pour faire le css" ... Son chat avait juste proposé Tailwind 😂😂😂😂😂😂 L'humilité et le melon ne vont pas ensemble, dommage...
Ton intro... Excellente !
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
J’ai entendu dire que le Chef Michel Dumas utilise bootstrap 👀...
Le jus d'orange dans la machine miracle, comme ça.
Mdr je suis mort
🤣
@@creol6752 Il n'a pas utiliser de couteau orange pour éplucher son orange.
Couteau, couper orange, jus dehors, peau poubelle
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 !
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!
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é !
Je n'ai pas bossé sur des projets en très grande équipe alors je ne peux pas dire mais c'est tellement plus cool de faire soi-même le job que ça me semble nul d'utiliser Bootstrap, surtout avec le CSS qu'on a aujourd'hui.
Après, le problème vient surtout des personnes qui ont appris à faire des sites avec BS entre 2011 et 2015 et n'ont jamais update leurs connaissances en CSS.
T'as même des gens, quand ils créent leur index.html de base, qui ne peuvent pas s'empêcher d'importer Bootstrap alors qu'ils n'ont pas encore cherché une seconde à savoir comment ils allaient bosser leur projet.
L'inertie, fléau du genre humain et encore plus du développeur.
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...
Je rajoute mon petit point de vue au bordel...
Alors personnellement j 'utilise bootstrap dans ce cas précis : quand je bosse sur un petit tuto, un petit guide, un petit trick back et que je veux juste éviter de bosser avec le rendu navigateur.
Sinon j'ai pris tellement le temps d'apprendre le CSS que ça me fait limite perdre du temps d'aller sur boostrap, je trouve ça assez lourd, même dans la compréhension je veux dire. Ma grille bootstrap ressemble à rien, j'ai jamais vraiment pijé leur classe je crois haha. Par contre la flexbox, j'en abuse et ça j'adore.
Et puis y a pas à dire les attributs CSS sont assez parlant, je trouve que c'est plus intuitif.
Et excellente vidéo au passage, c'est intéressant que tu te sois attardé sur le point de vue des autres.
Je commente pour le référencement.
Au passage, merci pour la qualy.
Merci pour la force !
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 😉
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
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
Je t'ai écouté, et j'ai retrouvé un teint magnifique !
J'ai déjà travaillé dans une (grosse) boîte où le design des applications métier était lui même basé sur les composants de Bootstrap. C'était déjà une bonne raison de l'utiliser, mais pas seulement.
Le système SASS sur bootstrap est très bien fait et permet beaucoup de choses (changement de thème, classes utilitaires, variants de composants Bootstrap). Il permet aussi d'importer uniquement ce dont on a besoin ou de redéfinir totalement les classes fournies ou valeurs par défaut dans Bootstrap.
Le framework a bien évolué dans l'ensemble, je trouve. Il n'est pas une vieillerie. Le fait d'avoir gardé du code CSS écrit il y a plusieurs années est un choix voulu par le framework, celui de la stabilité (hé oui, des milliers d'application dépendent de bootstrap). Aussi à des fins de rétro-compatibilité.
Et puis, écrire dix fois d'affilé des balises avec les mêmes classes comme tu le montres dans la vidéo se fait rarement aujourd'hui, en général c'est contenu dans une boucle (je parle d'une vraie application web dynamique et non pas une maquette HTML).
Le fait d'écrire des classes HTML et de les utiliser massivement dans les vues utilisateur peut apporter de nombreux avantages, par exemple éviter de devoir switcher entre contexte CSS et logique du template (qui se trouve généralement dans le document HTML), surtout quand le style attendu est lié purement à de la logique applicative ou à des interactions avec l'utilisateur.
Il y a de multiples façons d'aborder le CSS lorsqu'on construit des applications web complexes mais Il y a une chose qui est indéniable. C'est qu'à ce jour absolument personne n'a la réponse sur laquelle est la meilleure.
En vrai c'est con, je suis développeur front et c'est vrai que j'utilise Bootstrap un peu par feignantise, et en plus j'essaye aujourd'hui d'être web performance friendly, donc avec le code CSS surchargé de bootstrap et les classes à n'en plus finir sur les éléments HTML, c'est pas vraiment fameux... Merci pour cette vidéo, je vais aller me remettre en question maintenant ! :D
Merci, j'ai fait du dev front pendant 2 ans et j'utilisais 100% bootstrap ( bon après je rentrais dans un cas d'utilisation étant sur un gros site avec des micro front end de partout donc bon ) mais je connaissais même pas l'existence de la grid CSS et j'ai appris il y a peu l'existence des flexbox. Merci je pense que je n'utiliserai plus bootstrap pour mes petits projets perso.
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 ::)
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)
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.
Ⓜ📧®©❗✌🏼😁✌🏼.
On est d'accord, il faut pas longtemps pour se faire ses propres classes génériques ou spécifiques(a un projet) et les connaître toutes... De fait. ^^
Plutot que chercher le nom de la classe d'un autre et comment l'utiliser.
Tu m'a convaincu, je débute en html5 et css3. Je vais faire au mieux pour ne pas l'utiliser.
cette conclusion m'a complètement convaincue ! je veux le même grain de peau !!
Merci BenjaminCode !!!
Que l'algorithme de RUclips fasse de la magie pour ton référencement !
Enfin quelqu'un qui partage le meme avis que moi. Je suis DEV FullStack
Ça c'est moi, des container dans des container 😂😂. Je suis un développeur back. Merci pour cette vidéo.
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 😁
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 !
Hey, BT, Boots Trap ? Démarrage Piégé ? Ca fait réfléchireee:) Bien joué pour ta première mission mec !
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.
Cette vidéo fait du bien ! J'avais l'impression d'être seul au monde. Je suis passé expert en déboostrapisation et déreactstrapisation. Et oui, ces cons ont fait un variant de ce virus dédié à react... Le problème, c'est que souvent le projet se lance, les lanceurs de projet (qui n'ont plus vraiment été confronté au cycle de vie entier d'une web app depuis plusieurs années) mettent boostrap puis développent quelques features. Au bout d'un moment le projet est moche, alors on fait intervenir des développeurs front-end expérimentés, et c'est à eux que revient la tâche d'éteindre l'incendie. Pas le choix que de virer bootstrap (ou s'en passer sur les élements à redévelopper), revoir les structures html pour optimiser le DOM, pour enfin faire du css comme des professionnels et non des pignoufs. L'excuse du "ça a été mis sur le projet avant que j'arrive" je ne veux pas l'entendre, si tu n'as pas le temps et l'énergie de virer bootstrap du projet, tu peux au moins nettoyer la zone sur laquelle tu interviens et faire quelque chose de propre sur tes composants du moment. C'est le même genre d'excuse bidon que celle du "je ne fais pas de test unitaires car il n'y en avait pas avant".
Ahaha je valide 100% cette expérience. C'est parce que j'ai du deboostrapiser aussi de nombreux projets mal en point que je sais à quel point bs est nephaste.
Par contre en test tu fais quoi en front ?
@@BenjaminCode Quand je parlais des testes c'était en général, dans le développement. Comme je développe toujours de manière hyper micro (petit composant, petite méthode, petit hook etc...) je couvre en TU toute la logique qu'il pourrait y avoir dans mes applications front-end, et j'ai aussi pris le coup de faire des snapshots de composants afin de garantir l'intégrité de mon DOM généré. Je cherche à tendre vers les 70% de couverture de code en front, je suis plus exigeant sur le back.
Je sais pas de quoi tu parles mais c'est agréable en fond ;)
Ahaha quel plaisir de t'avoir par ici !
Mdr pareil
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 😂
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
J’ai rien compris parce que je suis pas du tout du domaine mais j’ai bien aimé la vidéo alors je commente pour le référencement :)
Hello, j'ai un bac +3 en dev front et une formation de 8 mois en full stack. Front : introduction à bootstrap, 4 heures. Full-stack : 3 jours de bootstrap. Pourquoi ? Pas le temps... Mes collègues comprennent à peine les comportements par défauts. Ils ne maitrisent pas les z-index, l'absolute. Je parle même pas de responsive c'est affligeant de bosser avec. Je déteste profondément bootstrap, c'est simple je vais plus vite en SCSS qu'avec bootstrap. Je leur conseille de se faire une workbench avec leurs outils. Mais rien n'y fait. Sacré virus ce bootstrap.
je suis tellement d'accord ! Je fuis tailwind également (cela donne l'impression d'utiliser les styles dans les balises, bonjour la maintenance évolutive...)
Je suis développeur backend (disons) et je n'ai pas particulièrement d'expertise en CSS, alors Bootstrap c'est ma solution de prédilection pour réaliser des frontend fonctionnels rapidement, et puis les dernières versions ne sont pas deg'. Et je dis ça en connaissance de cause, pour avoir essayé d'autres frameworks ainsi que du CSS pur
Ah, et bien sûr j'importe toujours seulement les éléments dont j'ai besoin dans webpack (lorsque je ne passe pas directement par react-bootstrap)
Perso, *j'aime bien bootstrap* . Meme la version 4 est vieillissante!!! Je suis quand même d'accord avec toi.
Quand même*
@@sacha6757 thx. Il me faut un café
Je viens de trouver ta chaîne il y a 2 jours, j'adore ton style! merci pour le conseil.
Salut ! J'ai cru que ça serait un troll bête et méchant au vu du titre tape à l'oeil, mais c'était bcp plus pertinent que je ne l'ai cru :) Dans ma boite on est très à fond Bootstrap, pourtant je suis assez d'accord avec toi et je pense que tu abordes assez bien le sujet. En effet, mal utilisé, Bootstrap c'est caca...
Cependant, tu n'abordes pas tout à mon sens. 2 points restés en suspend :
- Aujourd'hui, avec ou sans Webpack, il existe des purge CSS qui allègent considérablement le code de frameworks CSS tels que Bootstrap. Les perfs sont vraiment excellentes, et ça va super bien avec Bootstrap.
- Quid de la compatibilité browser ? Dans ma boite, on garantit la compatibilité IE11, alors ça peut sembler con au vu du % général d'utilisation qui baisse chaque année, mais c'est avant tout parce que 10% de nos clients sont encore sur IE... On ne peut pas faire autrement, et les grid CSS sont en partial support pour IE. Bootstrap, avec ses hacks et petits détournements nous arrange bien.
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 !
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! 😁
En tant que dev front, j'ai utilisé Tailwind pour plusieurs projets. Le principal avantage est que lors de la MEP, il check dans les fichiers qu'on lui fournis (html, js, fichier template) toutes les class qui appartiennent à Tailwind et inclus donc uniquement ces class. Par exemple pour les grid si on utilise que la class col-span-4 il inclura uniquement cette class.
Bonjour, je n'ai pas réussi à trouver de quoi tu parles quand tu fait référence à la MEP ?
@@g-a-b-r-i-e-l MEP = Mise En Production
@@alexandred.4565 Merci Alexandre !
J'ai regardé la vidéo, ça ne me fait pas changer d'avis sur bootstrap (bien que l'utilisation de tailwind m'intrigue), essentiellement car je fais partie de ceux qui n'aiment pas le front.
C'est tout de même condescendant de dire que le css "c'est pas si compliqué que ça", que tu entends seulement que l'on aime pas le front.
Le css, je suis d'accord pour dire que c'est un outil puissant, mais on peut rapidement faire quelque chose de mal structuré quand on n'a pas les bonnes pratiques en main. Connaitre le CSS, c'est une chose, mais bien l'utiliser en est une autre.
Bootstrap simplifie beaucoup de choses, et je continuerai de l'utiliser pour ça.
Je suis actuellement en formation de dev web full stack, on m'a introduit à Bootstrap, j'ai vraiment détesté, je suis repassé sur du pur CSS dès que j'ai pu
merci benjamin l'extracteur de jus pour la comparaison j'adore ,tes conseils au top
Merci beaucoup pour ces informations sa ma ouvert les yeux
Tu m'as fait changé d'avis sur Bootstrap... Par contre, je continuerais à l'utilisé. Pourquoi ? Et bien tout simplement parce que je n'ai aucune notion en design. (généralement, ce que je trouve beau, la majeure partie des gens trouvent ça à gerber) j'y suis complètement allergique.
Les composants Bootstrap sont aussi très pratique et tu n'en parles pas dans ta vidéo (sauf erreur). Récupérer une barre de navigation complètement responsive en 10 secondes au chrono, permet de se focaliser sur des taches plus "fonctionnelles".
Mais tu as raison, c'est salle, sa rend complètement dégueulasse le fichier html avec une demie douzaine de classes sur la majeure partie des balises. Mais c'est vraiment très pratique !
Rejoins nous du coté obscur !
Amicalement bien sur ! ^^
belle découverte cette chaîne, je m'abonne :) merci pour cette video très interessante
Est-ce que quelqu'un aurait des tutoriels ou des sites pour aider à apprendre le CSS et surtout la Grid ?
Je cherche à me détacher de bootstrap mais je ne trouve pas assez de ressources pour m'améliorer réellement.
sérieux c'est grandiose le parallèle bootstrap / presse agrume
Mais tu as raison, BS c'est trop lourd
Et ultra chiant à nettoyer!
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.
J'utilise Bootstrap depuis longtemps (et maintenant il est en pur Javascript, plus besoin de Jquery et en plus puls ont viré le support de IE, ce que je trouve vraiment bien d'écarter ceux qui ne suivent aucune convention), et tes arguments sont convaincants.
Par contre, cela me demanderait d'avoir des bonnes bases en Frontend (en dehors de React.js qui est autre chose). Je l'avoue, j'utilise un framework par manque de connaissance en CSS (et des mauvaises habitudes de facto). Généralement, un framework, c'est justement pour se concentrer sur autre chose que sur ce qu'on ne maîtrise pas, sans faire n'importe quoi (pour moi, clairement, c'est une béquille, qui, finalement, si on importe pas ce dont on ne se sert pas, n'est pas si lourd à embarqué quand en plus, c'est partagé dans le cache...).
L'argument phare que tu donnes et qui me convainc, c'est que en effet, CSS c'est bien mieux que avant, flexbox c'est top et avec des bonnes bases, probablement que le responsive doit être facile à implémenter.
C'est pour toutes les bonnes raisons que tu as donné que je te suggère d'aller plus loin et de, soit faire un tuto sur le frontend CSS, soit de fournir des liens que tu estime pertinents.
Je trouve que tes vidéos sont vraiment sympa.
Plaisir de te lire comme d'hab.
J'y pense parfois à faire un tuto Frontend car c'est vrai que je réalise que y'a pas vraiment beaucoup de resource qui l'enseignerait tel que je le visualise... Mais ça me prendrait vraiment beaucoup de temps à faire, faudrait que je fasse ça en tant que formation vendue ailleurs que sur RUclips je pense... A voir. Tu me fais y réfléchir un peu plus sérieusement !
@@BenjaminCode merci, c'est sympa. tu faisais des concours à un moment. c'est peut être une idée de partir d'un code avec bootstrap-4 et de faire un challenge de refactorisation pur CSS ?
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.
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)
Merci pr l'info ! Je débute et je laisse dc ca de côté et pense qu'il vaut mieux bosser flex et grid !
Ça fait plaisir de voir une vidéo sur ce sujet! Merci 🤗
Tu dis tout haut ce que je pense tout bas trop trop content troop merci à toi
Tout à fait d'accord, Bootstrap était la solution quand GRID et Flexbox n'était pas là. Aujourd'hui c'est useless et arrachage de cheveux d'utiliser bootstrap. Il est plus facile de coder de zéro et d'utiliser le CSS d'aujourd'hui. J'ai eu le malheur de reprendre un projet sous Bootstrap, je perds plus de temps à comprendre leur documentation, qu'en codant 2 lignes de CSS pour résoudre certains problèmes
Je dois voir Bootstrap dans le projet de mes études, ta vidéo m'a refroidi XD ! Je vais upgrader mon savoir CSS
Bonne vidéo, perso j'utilise Bootstrap sur mon projet, juste parce que je suis dev backend et que j'ai pas pris le temps de me mettre à jour là dessus. Je vois déjà les gens me lancer des cailloux ^^ juste que je me forme déjà sur énormément de technos et que je reporte ma mise à jour front end à plus tard (le fameux "c'est prévu, plus tard") ;) Mais merci pour cette vidéo qui me pousse à prendre le temps :)
J'aime bien le système de colonnes de bootstrap personnellement. Grid est facile à prendre en main ? J'aime bien flexbox mais grid je n'ai jamais osé y mettre mon nez.
De mon expérience, bootstrap 4 a enfin un peu relevé le niveau mais n'est toujours pas assez propre pour être utilisé dans des projets sérieux.
J'utilise essentiellement Tailwind car dans ma société nous analysons très fortement tous les frameworks avant d'en choisir un. C'est pour cette raison d'ailleurs que nous préférons Ember Js à beaucoup d'autres.
Mais même Tailwind ne doit pas être utilisé sur des site statiques et c'est un peu souvent le souci de ce genre de framworks.
Si on travaille en html/css, utiliser des tas de classes comme le propose Bootstrap, cela va totalement à l'encontre du concept même de css qui consiste à séparer le contenu du design.
Dans ce genre de situation, si votre client vous demande soudainement de supprimer une colonne dans toutes les pages dus ite. Vous êtes bons pour repasser dans l'entièreté de vos pages html au lieu de simplement modifier UNE classe dans la css.
Nous utilisons des frameworks css uniquement quand il s'agit de PWA. Dans ce cas les éléments des pages sont des modules de quelques lignes et s'intègrent comme des blocs Lego. Si on doit modifier le système de colonnes de toutes les pages, ça sera fait sur UN unique module.
Et la raison pour laquelle nous utilisons Tailwind, n'est absolument pas pour gagner du temps, parce que je pense sincèrement que ce n'est pas le cas (loin de là) mais pour unifier, comme Benjamin le disait, la façon de fonctionner.
Sur une PWA, nous sommes parfois 5 à travailler dessus, si chacun y va à sa manière, cela peut très vite partir en cacahuète.
""Si on travaille en html/css, utiliser des tas de classes comme le propose Bootstrap, cela va totalement à l'encontre du concept même de css qui consiste à séparer le contenu du design.""
ou alors tu utilises @extend .. fin de game
Mais comme toi sur du site evementiel / avec peu de feature métier je prefere aller a l'essentiel . Et comme toi sur de plus gros projet je prefere un framework qui a le merite d'etre documenté sans moi :)
Par contre avec la V5 je suis reparti de tailwind pour bootstrap
100% ok avec toi. Je pense qu en faite c est aussi la maniere dont les gens ont appris. On a du leur dire c est facile et rapide... c est sur aue si tu commence et que tu vois la montagne de chose qui t attendent ,tu te perds . donc quand t as un outil qui s apprend en 5min :tu prends. Perso j suis avec le framework natif ahah
Franchement, ta technique de l'orange a bien marché Benjamin. Je sauve mon bb CSS.
Rien a dire, les frameworks CSS me sortent par les yeux depuis le début...
Eh ! Prendre la moitié de mon commentaire twitter, c'est pas juste !
Mais très bonne vidéo. Je te rejoins en tout point. Je précisais bien dans mon commentaire que c'était pour la facilité d'appréhension du responsive, maintenant avec quelques années de CSS je suis totalement contre importer cette libraire alors qu'on peut en 6 lignes, à l'aide de @media, faire tout ça proprement et comme on l'entend.
Merci pour cette vidéo, vraiment cool ! A la prochaine pour de nouveaux débats !
Ahaha désolé! Je doute que les gens t'en tiennent rigueur ni même lise le contenu de chaque petite bulle !
@@BenjaminCode ahaha non t’en fais pas, c’était une petite joke, le but étant de donné son avis je vais pas me plaindre qu’il apparaisse 😇
Ca fait plus de 10 ans que je dev front/back, j'adore bootstrap, mais je ne l'utilise pas, parce qu'il est devenu inutile et aussi parce que c'est trop lourd pour mes projets ^^.
Ça marche pour tous les frameworks que j'ai utilisé, je reviens toujours au vanilla ^^
entièrement d'accord, moi je suis full stack meme je n'aime pas ce terme .... on me demande un outil pour le business en entreprise on veut du concret il faut que ça tourne alors certes je n'ai pas la fibre du design mais une fois qu'on a fait son css il n'y a rien de sorcier et franchement c'est bien plus intéressant de tout faire
C'est quoi le genre de jeu que l'on voit en fond à 9:07 ? ça m'a l'air intéressant
Je suis dev front, je kiffe tellement le fait que toi aussi tu sois front, la plupart des dev sur YT préfèrent le back, meme les dev autour de moi.
En fait c'est le front qu'on voit en premier quand on apprend, et très sommairement. Y'a des tonnes de gens qui s'en arrête à cette connaissance très sommaire du front. Des que tu vas plus loin, y'a plus personne et c'est dommage car ça devient passionnant !
Je pense que c'est plus chaud de progresser en front qu'en back aujourd'hui!
@@BenjaminCode T'as raison, au taf des fois je galérais sur des trucs et mes collèguent me disent : ahh tu le front c est galère, tu vas bientôt te mettre au back. Bah non pas moyen :)
Qu'est ce que t'es drôle. 👍👍👍 Merci beaucoup, tu m'a fait rire et tu m'a aussi informé.
intéressant comme vision, j'adore le css mais j'ai découvert (on nous a montré en formation) bootstrap et j'ai adoré. Bien que compliqué car trés chargé on peut néanmoins utiliser que certaines parties.. La version 4 a bien évolué pour utiliser avec du js. Et le 5 peut en effet plaire à bcp de dev.. (voir des vidéos récentes avec npm..) en effet tailwing est en train d'arriver et je n'ai pas encore testé, la tech change tellement rapidement et comme il faut suivre la mouvance (tout le monde utilise vs code..etc..) moi je vois ce que j'aime et ce que je comprends . l'histoire de presser l'orange est intéressant et plus compréhensible qu'une recette de cuisine transformée en js! En attendant tes videos sont cool mais les juniors comme moi ont besoin d'obtenir la connaissance et l'experience pour travailler le domaine du web..