Nous entendons souvent des termes tels que biblioth\u00e8que JavaScript ou JavaScript Framework, mais pour de nombreuses personnes novices dans le domaine, elles ne connaissent pas la diff\u00e9rence entre les biblioth\u00e8ques JS et les frameworks JS. De nombreux sites en ligne ont essay\u00e9 de trouver des r\u00e9ponses \u00e0 cette question fr\u00e9quemment pos\u00e9e.<\/p>\n Une bonne r\u00e9ponse indique qu’une biblioth\u00e8que JS est une biblioth\u00e8que de codes JavaScript pr\u00e9-\u00e9crits con\u00e7us pour faciliter le d\u00e9veloppement d’applications bas\u00e9es sur JS. Par la suite, une biblioth\u00e8que JavaScript peut contenir plusieurs m\u00e9thodes, objets ou fonctions, selon le langage.<\/p>\n Votre application, code parent, peut faire appel \u00e0 la biblioth\u00e8que JS pour permettre l’acc\u00e8s aux fonctionnalit\u00e9s.<\/p>\n Un framework JavaScript est une collection de biblioth\u00e8ques javascript qui appelleront et utiliseront le code parent d’une mani\u00e8re particuli\u00e8re. Un cadre d\u00e9finit l’ensemble de la conception de l’application en contr\u00f4lant votre application et en offrant des rappels et des crochets sur lesquels vous pouvez vous appuyer.<\/p>\n Une biblioth\u00e8que JavaScript est un morceau de code qui peut \u00eatre r\u00e9utilis\u00e9 pour fournir des fonctionnalit\u00e9s sp\u00e9cifiques. Il est diff\u00e9rent d’un framework dans son flux de contr\u00f4le: une biblioth\u00e8que propose des fonctions, des classes et des objets \u00e0 appeler par son code parent, c’est-\u00e0-dire \u00e0 utiliser dans votre application.<\/p>\n La biblioth\u00e8que extraira ou s\u00e9lectionnera diff\u00e9rentes couches, ce qui signifie que vous n’aurez pas \u00e0 vous soucier des d\u00e9tails de mise en \u0153uvre. Appelez une fonction dans la biblioth\u00e8que et donnez-lui plusieurs param\u00e8tres. La biblioth\u00e8que JavaScript l’ex\u00e9cutera et vous rendra le contr\u00f4le.<\/p>\n Les biblioth\u00e8ques JavaScript n’imposent pas de contraintes structurelles pour limiter la fa\u00e7on dont vous utilisez la biblioth\u00e8que.<\/p>\n D\u00e9couvrez cette collection populaire de biblioth\u00e8ques JavaScript\u00a0:<\/p>\n Les d\u00e9veloppeurs d’Instagram et de Facebook sont les cr\u00e9ateurs de React, une biblioth\u00e8que JavaScript polyvalente, que les d\u00e9veloppeurs ont d\u00e9sign\u00e9e comme la technologie la plus appr\u00e9ci\u00e9e selon l’enqu\u00eate 2017 Stack Overflow. Le nombre d’\u00e9toiles GitHub le classe comme le projet JavaScript le plus populaire.<\/p>\n React permet aux d\u00e9veloppeurs de g\u00e9n\u00e9rer une interface utilisateur interactive via une m\u00e9thode d\u00e9clarative qui permet un contr\u00f4le total de l’\u00e9tat de l’application en d\u00e9clarant "la vue devrait ressembler \u00e0 ceci".<\/p>\n React utilise un mod\u00e8le bas\u00e9 sur des composants et chaque composant est un \u00e9l\u00e9ment d’interface utilisateur r\u00e9utilisable avec son propre \u00e9tat. Utilisant un DOM virtuel, React est l’une des meilleures biblioth\u00e8ques JavaScript qui \u00e9limine les soucis li\u00e9s \u00e0 la manipulation directe du DOM de l’\u00e9quation.<\/p>\n React est une biblioth\u00e8que JavaScript riche en fonctionnalit\u00e9s et certaines de ses caract\u00e9ristiques les plus remarquables incluent la syntaxe JSX facultative, un flux de donn\u00e9es unidirectionnel et un outil de ligne de commande qui am\u00e9liore la cr\u00e9ation d’un projet React sans avoir besoin de configurer la construction. Avec les nombreux packages React<\/a> disponibles, vous pouvez cr\u00e9er des choses incroyables.<\/p>\n Qu’est-ce que jQuery\u00a0? jQuery est une biblioth\u00e8que JavaScript, et vous pouvez t\u00e9l\u00e9charger jQuery sur jquery.com ou sur le site Web JavaScript, o\u00f9 vous pouvez \u00e9galement trouver de la documentation jQuery sur l’utilisation de jQuery. La biblioth\u00e8que jQuery est un logiciel multiplateforme gratuit utilisant une licence MIT permissive.<\/p>\n A quoi sert jQuery? JavaScript jQuery permet une manipulation plus facile du DOM et rend JavaScript plus accessible. Est-ce que jQuery est un framework? Non, Java Script jQuery est une biblioth\u00e8que, pas un framework. Il s’agit d’une biblioth\u00e8que conviviale pour les d\u00e9veloppeurs en raison d’une syntaxe simple et d’une courbe d’apprentissage douce.<\/p>\n jQuery est l’une des biblioth\u00e8ques JavaScript les plus populaires et sa popularit\u00e9 en tant que constructeur de sites Web fiable avec prise en charge de plusieurs navigateurs a \u00e9t\u00e9 aliment\u00e9e par des caract\u00e9ristiques fondamentales, telles que la gestion des \u00e9v\u00e9nements, la manipulation DOM bas\u00e9e sur des s\u00e9lecteurs CSS et la possibilit\u00e9 de passer des appels AJAX.<\/p>\n JavaScript en tant que langage de programmation a consid\u00e9rablement \u00e9volu\u00e9 et plusieurs des derni\u00e8res fonctionnalit\u00e9s de jQuery ont \u00e9t\u00e9 int\u00e9gr\u00e9es \u00e0 la derni\u00e8re sp\u00e9cification ECMAScript.<\/p>\n Les principaux frameworks et biblioth\u00e8ques JavaScript d’aujourd’hui ne n\u00e9cessitent plus de techniques de manipulation du DOM car ils disposent d’une m\u00e9thode int\u00e9gr\u00e9e de liaison du DOM. Dans ce contexte, jQuery n’est peut-\u00eatre plus aussi populaire qu’avant, mais il reste l’une des biblioth\u00e8ques JavaScript les plus utilis\u00e9es.<\/p>\n D3 est une biblioth\u00e8que de visualisation qui utilise des normes telles que HTML, SVG et CSS. Il s’agit d’une biblioth\u00e8que JavaScript puissante et unique qui am\u00e9liore consid\u00e9rablement le contr\u00f4le sur le r\u00e9sultat final.<\/p>\n D3: Les documents pilot\u00e9s par les donn\u00e9es lient les donn\u00e9es au DOM et effectuent la transformation du document. Avec son propre \u00e9cosyst\u00e8me de biblioth\u00e8ques et de plugins, D3 a \u00e9tendu ses fonctionnalit\u00e9s de base. En outre, de nombreux didacticiels et documentations sont disponibles en ligne.<\/p>\n Underscore est entr\u00e9 dans le domaine JavaScript en 2009 et a \u00e9t\u00e9 d\u00e9velopp\u00e9 par Jeremy Ashkenas en tant que biblioth\u00e8que utilitaire polyvalente englobant plus de 100 fonctions diff\u00e9rentes. Ces fonctions permettent aux d\u00e9veloppeurs de contr\u00f4ler des objets, des tableaux et d’autres fonctions.<\/p>\n Les fonctionnalit\u00e9s cl\u00e9s incluent des assistants de programmation fonctionnels, tels que mapper, filtrer et r\u00e9duire. La FP, ou programmation fonctionnelle, est un paradigme populaire qui \u00e9vite de changer d’\u00e9tat et de modifier des donn\u00e9es.<\/p>\n Lodash est entr\u00e9 dans le monde des biblioth\u00e8ques JavaScript en 2012. Con\u00e7u par John-David Dalton, Lodash offre une prise en charge coh\u00e9rente des it\u00e9rations dans divers environnements pour les cha\u00eenes, les tableaux et les objets d’argument.<\/p>\n Aujourd’hui, Lodash est le sur-ensemble d’Underscore d\u00e9fini par une documentation am\u00e9lior\u00e9e et plus de fonctionnalit\u00e9s. La plupart des d\u00e9veloppeurs, y compris les contributeurs Underscore, travaillent d\u00e9sormais avec Lodash au lieu d’Underscore.<\/p>\n Les standards de JavaScript ont tellement \u00e9volu\u00e9 que de nombreux utilitaires mis \u00e0 disposition par des biblioth\u00e8ques externes sont d\u00e9sormais inclus dans JavaScript.<\/p>\n Dans ce contexte, Lodash et Underscore peuvent ne plus \u00eatre n\u00e9cessaires bien que Lodash et Underscore restent d’excellentes biblioth\u00e8ques utilitaires particuli\u00e8rement utiles pour les applications FP.<\/p>\n JavaScript Frameworks \u00e9tablit et contr\u00f4le le flux de contr\u00f4le de votre application. Il d\u00e9finit le squelette et indique aux d\u00e9veloppeurs comment les \u00e9l\u00e9ments essentiels doivent \u00eatre organis\u00e9s. Les meilleurs frameworks JavaScript fournissent \u00e9galement des fonctionnalit\u00e9s de base pour configurer l’application.<\/p>\n En utilisant un framework JavaScript, vous devenez oblig\u00e9 de respecter les mod\u00e8les de conception et les principes du framework respectif. Le framework vous appelle, alors que vous appelez une biblioth\u00e8que.<\/p>\n Les frameworks JavaScript sont souvent constitu\u00e9s de nombreuses biblioth\u00e8ques. Ils ont un niveau d’abstraction \u00e9lev\u00e9 et une s\u00e9rie de fonctionnalit\u00e9s int\u00e9gr\u00e9es, notamment les tests, la liaison de mod\u00e8les, la liaison de donn\u00e9es, les appels AJAX ou la gestion des \u00e9v\u00e9nements. Voici quelques-uns des meilleurs frameworks JavaScript\u00a0:<\/p>\n Trois frameworks majeurs r\u00e9gissent le monde de JavaScript dans la cat\u00e9gorie de popularit\u00e9, \u00e0 savoir Angular, Vue et React. Ces frameworks sont le meilleur endroit pour commencer \u00e0 apprendre un framework pour les nouveaux d\u00e9veloppeurs. De nombreuses ressources d’apprentissage sont disponibles.<\/p>\n Autrefois reconnu comme le framework javascript le plus populaire et le meilleur ainsi que le meilleur framework frontal pour JavaScript, Angular avait le soutien de Google ainsi que celui d’un groupe solide d’entreprises et d’individus. La derni\u00e8re version d’Angular est sortie en 2016.<\/p>\n Vue.js est un framework JavaScript progressif publi\u00e9 en 2014 par Evan You \u00e0 une \u00e9poque o\u00f9 il faisait encore partie de l’\u00e9quipe Google. Un framework open-source, Vue.js a radicalement chang\u00e9 depuis 2014 et est maintenant consid\u00e9r\u00e9 comme un SPA raffin\u00e9.<\/p>\n La progressivit\u00e9 de Vue en fait un framework JavaScript puissant car vous pouvez l’ajouter progressivement \u00e0 votre application. C’est un cadre qui peut \u00eatre facilement m\u00e9lang\u00e9 et adapt\u00e9 \u00e0 vos projets JS, une fonctionnalit\u00e9 int\u00e9ressante qui manque \u00e0 la fois \u00e0 Angular et \u00e0 Ember.<\/p>\n Les fonctionnalit\u00e9s disponibles avec Vue.js incluent des mod\u00e8les, des composants, une liaison de donn\u00e9es bidirectionnelle, une focalisation sur la r\u00e9activit\u00e9 et des transitions.<\/p>\n Bootstrap est un framework JavaScript frontal qui a \u00e9t\u00e9 cr\u00e9\u00e9 pour ceux qui n’aiment pas le design. Anciennement connu sous le nom de Twitter Blueprint, Bootstrap se pr\u00e9sente comme le meilleur framework JS, HTML et CSS pour les projets mobiles et r\u00e9actifs.<\/p>\n Mark Otto et Jacob Thornton, qui faisaient partie de Twitter \u00e0 l’\u00e9poque, ont lanc\u00e9 Bootstrap en 2011. C’est un cadre que les personnes qui ne sont pas des concepteurs peuvent utiliser pour produire sans grand effort des sites d’apparence raisonnable et mettre en \u0153uvre un design r\u00e9actif.<\/p>\n Bootstrap utilise des plugins JS et des ic\u00f4nes, styles et composants CSS. Les plugins incluent des mod\u00e8les, des alertes, des listes d\u00e9roulantes et des boutons, entre autres.<\/p>\n Un autre framework JS open source, Ember.Js est un outil de construction d\u00e9velopp\u00e9 par Yehuda Katz sous le nom de SproutCore 2.0 et publi\u00e9 en 2011. Il dispose d’un routeur int\u00e9gr\u00e9 et d’Ember Data. Ember.js est consid\u00e9r\u00e9 comme un cadre adaptable et rigide ax\u00e9 sur la convention plut\u00f4t que sur la configuration.<\/p>\n De nombreux nouveaux d\u00e9veloppeurs se sentent d\u00e9courag\u00e9s par les d\u00e9veloppeurs chevronn\u00e9s qui pr\u00e9tendent que l’ar\u00e8ne JavaScript \u00e9volue trop rapidement. En tant que nouveau d\u00e9veloppeur, vous pouvez entendre des plaintes sur le fait qu’il y a trop de biblioth\u00e8ques et de frameworks JavaScript qui \u00e9mergent trop rapidement.<\/p>\n Oui, le monde JavaScript est un environnement en \u00e9volution rapide ; il ne sert \u00e0 rien de nier l’\u00e9vidence. Cependant, vous devez toujours apprendre un framework si vous souhaitez entrer dans le domaine JS. Cet article ne propose qu’un bref aper\u00e7u du monde dynamique des biblioth\u00e8ques et des frameworks JavaScript.<\/p>\n Passez au niveau suivant et s\u00e9lectionnez un cadre et une biblioth\u00e8que et commencez \u00e0 apprendre\u00a0!<\/p>\n Si vous avez aim\u00e9 lire cet article sur les biblioth\u00e8ques JavaScript, vous devriez consulter celui-ci sur le salaire des d\u00e9veloppeurs WordPress<\/a>.<\/p>\n Nous avons \u00e9galement \u00e9crit sur quelques sujets connexes tels que la formation WordPress<\/a>, la conversion HTML en WordPress<\/a>, le meilleur \u00e9diteur de code<\/a> et les extensions Brackets<\/a>.<\/p>\n![\"Biblioth\u00e8ques](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-204142-61e8c7faeee9b.jpg\")
<\/a><\/p>\n\n
Qu’est-ce qu’une biblioth\u00e8que JavaScript\u00a0?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Qu’est-ce qu’un framework JavaScript ?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nBiblioth\u00e8ques JavaScript<\/h3>\n
<\/a><\/p>\n\n
R\u00e9agir<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
jQuery<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
D3: Documents pilot\u00e9s par les donn\u00e9es<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Soulignement et Lodash<\/strong><\/h3>\n<\/li>\n<\/ol>\n
\n
Souligner<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Lodash<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nFrameworks JavaScript populaires<\/strong><\/h3>\n
<\/a><\/p>\nLes trois grands frameworks JavaScript<\/h3>\n
\n
Angulaire<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Js<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Amorcer<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Humain.js<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\nFin des r\u00e9flexions sur les biblioth\u00e8ques JapaScript<\/strong><\/h3>\n