URL: https://linuxfr.org/news/angularjs-une-autre-facon-de-faire-du-web Title: AngularJS, une autre façon de faire du web Authors: dave_null palm123, ZeroHeure, claudex, Pierre Jarillon, Bruno Michel et Benoît Sibaud Date: 2013年08月05日T21:39:18+02:00 License: CC By-SA Tags: Score: 9 AngularJS est un framework pour les applications web. Il présente une méthodologie innovante et adaptée au monde de l'industrie. Le but de cet article est de vous présenter les intérêts de ce type de technologie. ---- [AngularJS (site officiel)](http://angularjs.org/) [AngularUI](http://angular-ui.github.io/) [Yeoman](http://yeoman.io/) [FRAngular, un blog sur AngularJS en français](http://www.frangular.com/) [Test Driven Development](http://fr.wikipedia.org/wiki/Test_Driven_Development) [DLFP : Encore de tout, de rien, des liens, du dev (AngularJS 1.0)](http://linuxfr.org/users/crev/journaux/encore-de-tout-de-rien-des-liens-du-dev) ---- Ne vous fiez pas à l’austérité du site officiel aussi ravissant qu'un bilan comptable, AngularJS est une technologie rafraîchissante. ## Une boîte à outils complète AngularJS est une boîte à outils complète pour réaliser des applications web. L'architecture de l'application ne repose plus sur les développeurs du projet, mais sur une architecture conçue et maintenue par l'équipe de AngularJS. L'architecture de la partie client d'une application est souvent délaissée voire non prise en compte, alors que l'architecture coté serveur attire toute l'attention. Utiliser AngularJS, c'est un moyen d'avoir une architecture de qualité pour un faible coût. ## Des composants pour gérer son équipe Une application AngularJS possède une architecture à base de composants, inspirée du monde de l'électronique. Un composant a un cahier des charges précis et a un comportement indépendant de son environnement. Vous pouvez facilement répartir la conception des composants dans une équipe de développement. Si un composant ne correspond pas à son cahier des charges, il est facile de le remplacer, lui et son développeur. ## Une synchronisation des données efficace pour des développeurs heureux Dans un bon environnement, un développeur web passe la majorité de son temps à se divertir sur des thèmes totalement annexes à son travail, mais une autre part importante de son temps consiste à écrire du code « colle » entre les différents éléments de l'application : le serveur, la partie logique, les interfaces... C'est une activité couteuse et peu enrichissante pour lui. AngularJS permet de synchroniser les données de manière extrêmement efficace, automatiquement et avec peu d'effort. Cela permet d'avoir plus de ressources pour les travaux plus intéressants et visibles. ## Test Driven Developement pour des produits de qualité La technique du développement logiciel mené par les tests est généralement difficile à mettre en place. AngularJS est un framework adapté à cette technique, il est donc conseillé de l'essayer et même de l'adopter. L'intégration continue est elle aussi possible et conseillée. Les tests peuvent être écrits spécifiquement pour les composants, mais aussi pour le comportement général de l'application. Pour avoir une meilleure qualité, il est conseillé d'écrire des tests pour les deux approches. ## Yeoman pour la productivité Yeoman est un ensemble d'outils destiné aux équipes de développement. Les outils permettent de développer efficacement, de vérifier la qualité de l'application et de tester. Yeoman est compatible avec AngularJS et propose des extensions spécifiques. ## Les concurrents ### [Backbone.js](http://backbonejs.org/) Backbone.js est plus bas niveau et nécessite d'écrire plus de code «glue» par rapport à AngularJS. Mais il permet plus de libertés dans l'architecture et le choix des composants. Pour une application web originale dans sa présentation, Backbone.js est une alternative intéressante bien que moins complète. ### [Ember.js](http://emberjs.com/) Ember.js est très similaire à AngularJS dans ses fonctionnalités. Mais l'outil est moins utilisé et n'a pas la même puissance pour les tests. En ce qui concerne la syntaxe c'est une question de goûts. ### jQuery et une bonne organisation Avec une bonne organisation et des gens compétents, il est théoriquement possible de faire une application web propre sans grosse boîte à outils telles que celles évoquées au dessus. jQuery est une librairie très utilisée, qui permet de faciliter le développement. Les développeurs maitrisant jQuery se trouvent à chaque coin de rue, donc pas de soucis de ce coté. ### JavaScript Vanilla Dans certains cas il vaut mieux ne pas sortir l'artillerie lourde. JavaScript Vanilla est une solution qui est très légère, multi-plateforme, où les compétences sont nombreuses. Pour un petit projet avec peu de modifications d'interfaces en temps réel, c'est la solution à privilégier. ## Avantages d'AngularJS * la boîte à outils est complète ; * il y a Google derrière ; * l'architecture est propre et efficace ; * la communauté existe. ## Critiques * la qualité de la documentation est variable, mais les choses s'améliorent ; * il y a un aspect un peu magique qui peut être déroutant au début ; * le JavaScript à écrire n'est pas évident pour un débutant ; on est loin du développement à la «Ctrl+Espace» dans Eclipse. ## AngularJS c'est super bien ! Si vous souhaitez développer une application web de manière propre et pérenne, pensez à AngularJS.

AltStyle によって変換されたページ (->オリジナル) /