Angular 5 mieux adapté au développement d'apps web progressives

L’année a été agitée et productive pour le framework JavaScript Angular de Google qui permet de développer des applications bureautiques et mobiles. Au cours des 11 derniers mois, celui-ci a bénéficié de deux mises à niveau importantes et, comme le prévoit son calendrier de sortie à six mois, une version 5 sera livrée en septembre. Cette dernière mouture comporte des éléments majeurs concernant l’hébergement des applications web progressives, ou progressive web apps (PWA), une initiative menée par Google. Mais ce n’est pas tout : le code d’Angular 5 est de meilleure qualité et gagne en compatibilité avec Material Design de Google. En fait, malgré son numéro « 5 », cette mise à niveau correspond à la quatrième version du framework, celui-ci ayant déjà fait l'objet d'une réécriture depuis la version 1.0, livrée en 2012 et initialement dénommée AngularJS. Actuellement, Angular 5 est en version bêta, la version de production étant prévue pour le 18 septembre.

Parmi les améliorations notables, on peut citer trois choses. D'abord, la création simplifiée d'applications web progressives (PWA) qui pourront résider dans le cache du navigateur. Ensuite, la présence d’un outil qui optimise le développement en réduisant la taille de l'application par suppression du code inutile. Enfin, la possibilité de créer des composants Material Design compatibles avec le rendu côté serveur. Le concept de progressive web apps (PWA) est né d’une collaboration entre Google et Mozilla. Le principe est de permettre le développement d'applications basées sur un navigateur afin d’offrir une expérience native de meilleure qualité. Actuellement, il faut une grande expertise côté développeur pour ajouter le support des applications web progressives à Angular. La version 5 est destinée à en simplifier l'utilisation. « Notre objectif est de faire en sorte que n’importe qui puisse créer des applications web progressives », a déclaré Brad Green, directeur de l’ingénierie chez Google. « Nous essayons de proposer aux développeurs le meilleur ensemble possible de valeurs par défaut qu’ils pourraient utiliser autant pour créer des apps web desktop que des apps web mobiles ».

Version 6 déjà à l'horizon

Une nouvelle version Angular 6 est déjà en route et sera livrée en mars ou avril 2018, si la release actuelle franchit toutes les étapes. Google n'a pas encore décidé les fonctions qu’il compte ajouter à cette version, mais précise que ses objectifs seront les mêmes que ceux d’Angular 5, à savoir fournir une version « plus simple, plus légère, plus rapide, afin de simplifier la vie des développeurs et leur permettre de créer de meilleures apps pour leurs utilisateurs », comme l’a déclaré le directeur de l’ingénierie de Google. Angular 5 suit de près les versions 2 et 4 arrivées respectivement en septembre 2016 et en mars 2017. A noter qu’il n’y a pas eu de version 3 car le routeur pour Angular avait déjà atteint la version 4 à la date de la sortie programmée d’Angular 3, si bien que Google a dénommé sa mise à niveau Angular 4.

Même si le framework de développement java-script original AngularJS avait déjà acquis une certaine notoriété auprès des développeurs, Google a voulu réécrire son framework de seconde génération pour améliorer la performance. « Avec l’ancienne architecture, il n’était pas possible de gagner en performance », a reconnu Brad Green. Angular 2 a été réécrit en TypeScript, le langage de programmation open source de Microsoft qui est un sur-ensemble de Javascript. « TypeScript nous permet d'effectuer une analyse statique du code source. Chose que nous ne pouvons pas faire dans java-script. Avec TypeScript, le code devient beaucoup plus prévisible », a encore déclaré le directeur de l’ingénierie de Google. Par ailleurs, grâce à TypeScript, Angular peut montrer aux développeurs les erreurs dans les modèles HTML.

Récentes avancées sur les requêtes HTTP

Angular 2 avait également hérité d’un compilateur placé entre le code écrit et le code de sortie envoyé vers l’application de production. Ce compilateur optimise la génération de rendu du template. Le code peut alors tourner à la vitesse maximale dans les machines virtuelles java-script. Angular 2 a également été doté d’un modèle de composant beaucoup plus propre. Enfin, cette version améliorait beaucoup l'interopérabilité avec des technologies comme les composants Web. Quant à Angular 4, la version apportait des améliorations au moteur de visualisation et à l’optimisation de la génération de code.

Enfin, les nouveautés de la dernière version 4.3 d'Angular livrée en juillet, tournaient essentiellement autour de HttpClient qui fournit une bibliothèque plus petite et plus facile à utiliser pour faire des requêtes HTTP. Angular 4.3 dispose également d’un attribut @.disabled destiné à désactiver les animations de façon conditionnelle ainsi que les nouveaux événements du cycle de vie du routeur. Depuis la version 4.0, les animations sont de meilleure qualité et les éléments parents et enfants sont mieux coordonnés dans les transitions de page.

Injection de dépendance et modèle HTML : essentiels

L’injection de dépendance, particulièrement utile pour mettre en route des services de données pour les applications, et l'utilisation d'un modèle HTML pour composer des composants, ont fait, dès le début, le succès d’AngularJS. Et ces éléments clefs ont accompagné toutes les versions ultérieures. Les développeurs composent toujours des composants avec un composant HTML qui se connecte au code TypeScript pour les éléments obligatoires du programme. Google affirme que Angular doit son succès à son approche globale du développement. En particulier, les développeurs n’ont pas besoin de chercher quelle bibliothèque utiliser pour l'internationalisation ou l'animation, ni comment traiter le HTTP ou les formulaires.