{"id":19396,"date":"2021-07-05T18:35:24","date_gmt":"2021-07-05T16:35:24","guid":{"rendered":"https:\/\/www.software-developer-india.com\/quest-ce-que-vanilla-javascript\/"},"modified":"2021-07-05T18:35:51","modified_gmt":"2021-07-05T16:35:51","slug":"quest-ce-que-vanilla-javascript","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/fr\/quest-ce-que-vanilla-javascript\/","title":{"rendered":"Qu’est-ce que Vanilla JavaScript ?"},"content":{"rendered":"\n

Qu’est-ce que Vanilla JavaScript ?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Lorsque les sites Web ont vu le jour, ils \u00e9taient statiques, et c’\u00e9tait bien \u00e0 l’\u00e9poque. Et avec l’introduction de Vanilla Javascript, cela a chang\u00e9 l’apparence et la convivialit\u00e9 des sites Web. Les sites Web sont devenus r\u00e9volutionnaires, interactifs et dynamiques. <\/p>\n\n

Vanilla JS est tout simplement JS, c’est donc un langage de programmation bas\u00e9 sur du texte \u00e0 la fois c\u00f4t\u00e9 serveur et c\u00f4t\u00e9 client. Le framework a \u00e9t\u00e9 cr\u00e9\u00e9 en 2012 par Eric Wastl, et bien que ce ne soit pas lui qui ait invent\u00e9 le terme, son site Web l’a popularis\u00e9. Donc, en bref, Vanilla Js est simplement Javascript sans aucun framework ou biblioth\u00e8que suppl\u00e9mentaire. <\/p>\n\n

Puis jQuery, une biblioth\u00e8que d’outils cr\u00e9\u00e9s avec Javascript, a vu le jour. jQuery \u00e9tait l\u00e9ger et tr\u00e8s facile \u00e0 utiliser car il aidait \u00e0 cr\u00e9er des fonctionnalit\u00e9s complexes avec un codage minimal.<\/p>\n\n

Vous pouvez trouver Vanilla JS dans Facebook, Google, YouTube, Yahoo, Wikipedia, Windows Live, Twitter, LinkedIn, eBay, Microsoft, Apple, Pinterest, PayPal, Reddit, Netflix, Stack Overflow<\/strong> et un certain nombre d’autres sites Web et plateformes populaires. <\/p>\n\n

Ainsi, tous les frameworks et biblioth\u00e8ques Javascript sont bas\u00e9s sur son noyau Vanilla. Tous les diff\u00e9rents frameworks sont souvent bas\u00e9s sur un ensemble de principes Javascript ou sur l’autre. Les d\u00e9veloppeurs utilisent souvent du Javascript simple sans utiliser de frameworks ou de biblioth\u00e8ques JS suppl\u00e9mentaires.<\/p>\n\n

Fait int\u00e9ressant, le framework Vanilla JS nous rappelle presque la glace \u00e0 la vanille, car le framework n’est pas modifi\u00e9 et vous utilisez le produit de base tel quel, sans rien y ajouter. <\/p>\n\n

Tout ce que vous faites, c’est que vous utilisez le framework avec les fonctions API les plus basiques de l’interpr\u00e9teur JS. Naturellement, tout site Web qui n’utilise pas de framework devra automatiquement utiliser VanillaJs, et m\u00eame s’il n’utilise pas de framework, il utilise certaines fonctionnalit\u00e9s et algorithmes de VanillaJS. Le framework vous permet \u00e9galement d’impl\u00e9menter l’architecture de votre choix en toute libert\u00e9. Vous pouvez \u00e9galement l’int\u00e9grer \u00e0 votre logique m\u00e9tier, \u00e0 votre logique de manipulation DOM et \u00e0 tout autre outil que vous souhaitez connecter. <\/p>\n\n

Chaque d\u00e9veloppeur doit avoir une connaissance compl\u00e8te du Javascript pur et tout d\u00e9veloppeur que vous embauchez doit avoir une connaissance de Vanilla JS, surtout s’il travaille principalement dans l’\u00e9cosyst\u00e8me Javascript.<\/p>\n\n

Image:Comparer<\/p>\n\n

Voici Vanilla JS avec quelques autres langues <\/strong><\/h3>\n\n

Vanilla JS Vs React : quand peut-on utiliser quoi<\/strong><\/p>\n\n

Vanilla JS vous aide \u00e0 cr\u00e9er de puissantes applications multiplateformes et ainsi de suite. React, c’est l’une des biblioth\u00e8ques JS les plus populaires, gr\u00e2ce \u00e0 sa flexibilit\u00e9 et \u00e0 la qualit\u00e9 de ses performances. React peut d\u00e9composer l’interface utilisateur en composants plus petits et r\u00e9utilisables qui peuvent \u00eatre d\u00e9plac\u00e9s les uns contre les autres. Et c’est cette fonctionnalit\u00e9 qui agit comme un avantage sur VanillaJS. Pour JS, il devient tr\u00e8s difficile de maintenir le code si l’application est volumineuse. Dans de tels cas, l’interface utilisateur devra \u00eatre mise \u00e0 jour r\u00e9guli\u00e8rement. <\/p>\n\n

Et ce n’est pas tout. Pour modifier l’\u00e9l\u00e9ment de l’interface utilisateur, vous devrez d’abord trouver l’\u00e9l\u00e9ment dans le DOM, puis le mettre \u00e0 jour seulement. Cela peut \u00eatre fastidieux lorsque vous devez modifier un seul \u00e9l\u00e9ment. React a un DOM virtuel et aide \u00e0 contourner la t\u00e2che manuelle. En bref, avec Vanilla JS, garder l’interface utilisateur synchronis\u00e9e peut \u00eatre difficile et fastidieux. <\/p>\n\n

Vanille JS contre jQuery<\/strong><\/h3>\n\n

Comme expliqu\u00e9 pr\u00e9c\u00e9demment, avec l’arriv\u00e9e de Vanilla JS, les d\u00e9veloppeurs ont pu cr\u00e9er des sites Web dynamiques. Lorsque jQuery est arriv\u00e9, un certain nombre d’outils sont \u00e9galement entr\u00e9s, utilisant Javascript. jQuery est l\u00e9ger et avec sa biblioth\u00e8que JS facile \u00e0 utiliser, il est facile de cr\u00e9er des fonctionnalit\u00e9s complexes avec peu de lignes de codage. Cela simplifie beaucoup de choses pour le d\u00e9veloppeur, comme la gestion des donn\u00e9es JSON \u00e0 partir du serveur, l’ajout d’effets d’animation comme masquer, afficher, etc. <\/p>\n\n

Avec jQuery, beaucoup de choses peuvent \u00eatre plus faciles pour le d\u00e9veloppeur novice, mais il n’y a pas de r\u00e8gle en tant que telle qui indique o\u00f9 utiliser Vanilla JS et o\u00f9 utiliser jQuery. Cependant, iQuery est un \u00e9norme gain de temps car il est livr\u00e9 avec plusieurs fonctions pr\u00e9-\u00e9crites pour lesquelles seules les modifications n\u00e9cessaires doivent \u00eatre apport\u00e9es.<\/p>\n\n

Et jQuery n\u00e9cessite juste moins de codage, mais pour Javascript, une longue ligne de codage est requise, peut-\u00eatre m\u00eame des codes spaghetti. Pour JS, aucun plug-in suppl\u00e9mentaire n’est n\u00e9cessaire, mais ils n’ont pas non plus besoin d’ajouter de plug-in suppl\u00e9mentaire. Pour jQuery, le lien du script de la biblioth\u00e8que doit \u00eatre inclus dans la balise head de la page Web. <\/p>\n\n

Si vous recherchez une compatibilit\u00e9 multi-navigateur , des erreurs li\u00e9es au navigateur sont susceptibles de se produire avec JS. Mais avec jQuery, ce n’est pas un probl\u00e8me, car cela fonctionne avec toutes sortes de navigateurs ; il n’y aura pas de probl\u00e8mes de compatibilit\u00e9. <\/p>\n\n

En fait, il n’y a pas de r\u00e8gle particuli\u00e8re dans l’utilisation de Javascript et jQuery. Mais les d\u00e9veloppeurs disent que jQuery est meilleur pour la manipulation DOM, par rapport \u00e0 Javascript. Cependant, le point positif de Vanilla JS est beaucoup plus rapide que jQuery. M\u00eame ainsi, les d\u00e9veloppeurs novices pourraient avoir du mal \u00e0 \u00e9crire des fonctionnalit\u00e9s complexes avec Vanilla JS. <\/p>\n\n

Pour JS, tout le codage devra \u00eatre fait \u00e0 partir de z\u00e9ro, et les d\u00e9veloppeurs novices pourraient trouver cela difficile et long. jQuery, d’autre part, a plusieurs fonctions pr\u00e9-\u00e9crites, et lorsque des modifications n\u00e9cessaires doivent \u00eatre apport\u00e9es, cela pourrait certainement faire gagner du temps. <\/p>\n\n

Lorsque vous comparez les deux, Vanilla JS est beaucoup plus rapide que jQuery et, selon l’op\u00e9ration, peut m\u00eame \u00eatre 10 \u00e0 25 fois plus rapide. <\/p>\n\n

Vanilla JS Vs Angular JS<\/strong><\/h3>\n\n

Angular JS est un outil du Javascript MVC, tandis que Vanilla rel\u00e8ve des biblioth\u00e8ques d’interface utilisateur Javascript. Certains d\u00e9veloppeurs disent que Vanilla JS est sup\u00e9rieur si l’on consid\u00e8re la charge et les performances initiales, donc si vous cherchez \u00e0 d\u00e9velopper une application avec le facteur de performance en priorit\u00e9, vous pouvez choisir Vanilla JS. <\/p>\n\n

Conclusion<\/strong><\/h3>\n\n

Vanilla JS est g\u00e9nial et vous permet m\u00eame de cr\u00e9er des pages Web dynamiques. Mais lorsque vous recherchez une application \u00e9norme et compliqu\u00e9e avec des fonctionnalit\u00e9s complexes et des milliers de pages, il vaut mieux opter pour des frameworks Javascript modernes. <\/p>\n\n

Donc, encore une fois, le choix que vous ferez d\u00e9pendra de l’exigence. Si vous avez l’intention de devenir un d\u00e9veloppeur Web front-end ou full stack, il est important que vous connaissiez Vanilla JS. La base de tous les frameworks sera toujours JS, les biblioth\u00e8ques et les frameworks viendront et dispara\u00eetront, mais JS est l\u00e0 pour rester. <\/p>\n\n

La ma\u00eetrise de Vanilla JS facilitera toujours le passage \u00e0 jQuery, m\u00eame si le passage peut ne pas \u00eatre tr\u00e8s fluide. <\/p>\n\n

Liens int\u00e9ressants\u00a0:<\/p>\n\n

Plus d’informations sur Vanilla JS<\/a><\/p>\n\n

Pourquoi Vanilla JS ?<\/a><\/p>\n\n

Photos : Toile<\/p>\n\n

\n\n
\"\"<\/figure><\/div>\n\n

L’auteur : Sascha Thattil travaille chez Software-Developer-India.com qui fait partie du groupe YUHIRO. YUHIRO est une entreprise germano-indienne qui fournit des programmeurs aux soci\u00e9t\u00e9s informatiques, aux agences et aux services informatiques.<\/p>\n