Les bi­blio­thèques et fra­me­works Ja­vaS­cript les plus po­pu­laires

Ja­vaS­cript (ou JS) est un langage de script avec lequel des éléments HTML dy­na­miques peuvent être mis en place sur le na­vi­ga­teur. Ce langage est adapté à la fois à la pro­gram­ma­tion orientée objet et fonc­tion­nelle. Ja­vaS­cript comprend des éléments pré­dé­fi­nis (c’est-à-dire des éléments de données avec des pro­prié­tés ou méthodes par­ti­cu­lières) pour les accès à un site Web. Il est désormais possible de trouver des ins­truc­tions per­ti­nentes et utiles dans diverses bi­blio­thèques Ja­vaS­cript (en anglais : Ja­vaS­cript Libraries) et dans les fra­me­works. Nous vous pré­sen­tons ceux qui ren­contrent le plus de succès auprès des in­ter­nautes.

Il convient de dis­tin­guer ces deux termes. Pourtant, le terme bi­blio­thèque lo­gi­cielle (ou library en anglais) est souvent utilisé comme synonyme de framework. Il existe toutefois des dif­fé­rences de base entre les bi­blio­thèques et les fra­me­works.

Une bi­blio­thèque est un ensemble de fonctions fournies en dé­ve­lop­pe­ment, que ce soient des classes ou un ensemble de fichiers objets. Les bi­blio­thèques de pro­grammes com­pren­nent toujours des sous-pro­grammes qui fa­ci­li­tent le travail avec des outils d’aide à la pro­gram­ma­tion. A l’inverse des fra­me­works, les bi­blio­thèques sont plutôt orientées à des fins précises et com­pren­nent toutes les fonc­tion­na­li­tés dont on peut avoir besoin. La bi­blio­thèque Ja­vaS­cript D3.js sert par exemple à vi­sua­li­ser des données à l’aide de tableaux, de dia­grammes et de sta­tis­tiques. Il en va de même pour les éléments gra­phiques plus complexes, comme les ani­ma­tions ou les éléments in­te­rac­tifs. Les bi­blio­thèques dépendent toujours du logiciel aux­quelles elles sont assignées et ne peuvent pas être utilisées in­dé­pen­dam­ment de ce même logiciel.

Les fra­me­works (cadre de travail ou boîte à outils) n’est pas un programme in­dé­pen­dant, mais plutôt un ensemble cohérent de com­po­sants (comme les bi­blio­thèques et les classes par exemple). Les fra­me­works cons­ti­tuent l’ar­chi­tec­ture lo­gi­cielle d’une ap­pli­ca­tion et con­di­tion­nent con­si­dé­ra­ble­ment le processus de dé­ve­lop­pe­ment. Les fra­me­works com­pren­nent dif­fé­rents modèles de con­cep­tion (gé­né­ra­le­ment sous forme de plusieurs bi­blio­thèques) et servent au dé­ve­lop­pe­ment de nouvelles ap­pli­ca­tions in­dé­pen­dantes. Un exemple de framework populaire est Zend pour PHP, qui est utilisé entre autres dans le logiciel de boutique en ligne nommé Magento et par l’outil d’analyse en ligne Piwik.

Une autre dif­fé­rence entre les fra­me­works et les bi­blio­thèques repose sur la manière de les manier. Avec les bi­blio­thèques, le code des pro­gram­meurs dépend d’un logiciel de pro­gram­ma­tion. En ce qui concerne les fra­me­works, ceux-ci fonc­tion­nent avec une inversion de contrôle (« Inversion of Control ») : le code est intégré dans des struc­tures pré­dé­fi­nies du framework et peut être utilisé à tout moment. En bref, les bi­blio­thèques sont appelées par le programme, alors qu’un framework spécifie le programme.

Le noyau de pro­gram­ma­tion de Ja­vaS­cript est re­la­ti­ve­ment épuré et convient tout à fait à l’ac­ti­va­tion dans le na­vi­ga­teur. Des problèmes avec le DOM (Document Object Model) peuvent cependant surgir. Le DOM, c’est le modèle objet de document, qui permet de codifier la manière dont un script peut accéder à une structure de document et dé­ter­mi­ner sa pré­sen­ta­tion. Les fra­me­works et les bi­blio­thèques Ja­vaS­cript se res­semblent dans la mesure où les deux outils fa­ci­li­tent le travail des dé­ve­lop­peurs dans certains domaines de la pro­gram­ma­tion. Les ex­ten­sions Ja­vaS­cript pré­sen­tées ci-dessous sont toutes dis­po­nibles en té­lé­char­ge­ment gratuit.

Les bi­blio­thèques Ja­vaS­cript sont des ins­truc­tions de code réu­ti­li­sables qui peuvent être utilisées pour assigner certaines pro­prié­tés et fonctions (par exemple pour un site Web). La bi­blio­thèque Ja­vaS­cript la plus connue est jQuery et propose une large palette de fonctions. Mais d’autres al­ter­na­tives peuvent aussi être utiles.

jQuery

La bi­blio­thèque jQuery possède une palette de fonc­tion­na­li­tés très étendue et c’est la bi­blio­thèque Ja­vaS­cript la plus utilisée. L’une des raisons de son succès est le fait que le code est adapté à de très nom­breuses ex­ten­sions. La bi­blio­thèque open-source fonc­tionne également avec de nombreux CMS (Content Ma­na­ge­ment System) comme WordPress, Drupal ou Joomla!. JQuery est prin­ci­pa­le­ment utilisé comme une interface pratique pour DOM et offre diverses fonctions : les sé­lec­teurs CSS3 fa­ci­li­tent la sélection et la ma­ni­pu­la­tion des éléments du site Web. JQuery est aussi apprécié pour sa capacité à intégrer les requêtes Ajax (requêtes http sans re­char­ge­ment du site).

Il existe bien plus de bi­blio­thèques Ja­vaS­cript que de fra­me­works. Ceux-ci sont avant tout adaptés aux ap­pli­ca­tions Web complexes. Les deux outils les plus utilisés sont AngularJS etEmber.js.

AngularJS

Ce Framework est sans aucun doute celui qui compte la com­mu­nauté la plus large. AngularJS sert à créer à l’instar de son principal con­cur­rent la bi­blio­thèque de Facebook : React, des ap­pli­ca­tions Web d’une seule page (qui ne comptent qu’un seul document HTML). Grâce à MVVM (Model View ViewModel), il est possible de dé­ve­lop­per des ap­pli­ca­tions Web conçues pour interagir avec les uti­li­sa­teurs. AngularJS rend l’ap­pli­ca­tion Web côté client. Le framework se base sur jQuery Lite, une variante plus épurée de la célèbre bi­blio­thèque Ja­vaS­cript  jQuery.

Les fra­me­works et les bi­blio­thèques peuvent être d’une grande aide pour les projets avec Ja­vaS­cript. La liste ci-dessus ne re­pré­sente qu’une infime partie des outils à votre dis­po­si­tion. Une bonne source pour découvrir d’autres fra­me­works, plugins et bi­blio­thèques Ja­vaS­cript est GitHub ainsi que ja­vas­crip­ting.com. Ces deux sites vous per­met­tront de trouver votre bonheur parmi de nom­breuses ex­ten­sions Ja­vaS­cript, qui peuvent être utilisées pour une grande variété de projets.