Angular : évolutions du framework

Présentation de Angular

Angular est édité par Google.

Logo framework Angular de GoogleAngular est un framework d’application web open source basé sur TypeScript, dirigé par Google et une communauté de particuliers et de sociétés.
C’est une réécriture complète de AngularJS.
Angular est utilisé comme frontal de la pile MEAN, composée de la base de données MongoDB, du framework de serveur d’applications Web Express.js, d’Angular lui-même (ou AngularJS) et de l’environnement d’exécution du serveur Node.js.

La version 2.0 d’Angular, considérablement différente de AngularJS, a été en développement dès 2014 pour une première version livrée en 2016.
Le TypeScript (sur-ensemble de JavaScript permettant d’améliorer et sécuriser la production du code JavaScript) remplace le JavaScript en tant que langage conseillé. Le nom du produit est raccourci, devenant alors Angular tout court.

Angular 2 (et suivants) a remplacé les contrôleurs et les $scope par des composants ce qui permet de diviser une application en plusieurs composants pouvant être appelés chacun à part et réutilisés si besoin. Ceci facilite le développement des applications, améliore la flexibilité, la modularité et la testabilité du code de l’application.

Points forts du framework

  • Support des applications mobiles : Angular 2 permet de créer des applications mobiles contrairement à AngularJS.

Points faibles

  • Trop différent de AngularJS pour envisager une migration simple des anciens projets

Historique des versions de Angular

11 versions majeures entre septembre 2016 et novembre 2021

Angular 13

4
NOV
2021

Cette nouvelle mouture étend les fonctionnalités et les optimisations basées sur Ivy (le pipeline de rendu et de compilation d’Angular qui a remplacé le pipeline des premières versions depuis la v6).

  • suppression de la prise en charge d’IE11 : celle permet à Angular de tirer parti des fonctionnalités de navigateur modernes telles que les variables CSS et les animations Web via des API Web natives. De plus, les applications seront plus petites et se chargeront plus rapidement car il est possible ainsi de supprimer les polyfills spécifiques à IE
  • Angular Package Format (APF) a été rationalisé et modernisé
  • View Engine n’est plus disponible
mai 2021

Angular 12

La version 12 améliore le service de langue basé sur Ivy, apporte la transition des anciens identifiants de messages i18n et bien d’autres nouvelles fonctionnalités.

  • Améliorations des styles : prise en charge de Sass en ligne dans le champ styles du décorateur @Component
  • Utilisation de l’opérateur nullish coalescing dans les Templates
  • Le mode strict est activé par défaut dans l’interface CLI. Il permet de détecter beaucoup plus tôt les erreurs dans le cycle de développement
  • L’exécution de ng build passe maintenant par défaut en production
novembre 2020

v 11

La version 11 a été publié le 11 novembre 2020.
Cette nouvelle version du framework open source de Google est axée sur l’amélioration de la sécurité des types d’API et la résolution des problèmes.
Toutefois, elle ajoute de nouvelles fonctionnalités, comme le support de Webpack 5 (expérimental), la prise en charge du chargement paresseux avec les sorties nommées, etc.

  • Support expérimental de Webpack 5
  • Suppression de la prise en charge d’Internet Explorer 9 et 10 (ainsi que la version mobile)

v 10.2
  • Le compilateur ngcc devrait être plus rapide (introduction de mécanismes de mise en cache) et consommer moins de mémoire
septembre 2020

v 10.1
  • Support de TypeScript 4.0
  • @angular/localize s’améliore et propose désormais un outil pour extraire les messages
juin 2020

Angular 10

Cette nouvelle mouture est annoncée pour se concentrer davantage sur l’écosystème que sur les fonctionnalités.

  • Angular Material inclut désormais un nouveau sélecteur de plage de dates
  • Support de TypeScript 3.9
  • Fin du support de IE9, IE10 et IE mobile
  • fonctionnalité “ajout d’informations sur les dépendances et les sélecteurs ng-content aux métadonnées”
  • TSLib 2.0
  • TSLint 6
mars 2020

Angular 9.1
  • Support de TypeScript 3.8
  • Ivy : option strictLiteralTypes
  • i18n : sens d’écriture ‘rtl’ ou ‘ltr’
février 2020

v 9
  • Angular 9.1 ajoute le support de TypeScript 3.8
avril 2019

v 8
octobre 2018

v 7
mai 2018

v 6

Dans sa version 6.0, le framework JavaScript est livré avec un nouveau moteur de rendu appelé Ivy.

  • Nouveau moteur de rendu Ivy
  • fonctionnement de ng update plus fiable et plus informatif
novembre 2017

v 5
mars 2017

v 4
septembre 2016

Angular 2
,
Hervé Juge