Angular

Informations
Développé par	Google et la communauté Angular.
Première version	septembre 2016 (septembre 2016)
Dernière version	12.2.8 (30 septembre 2021)^[1]
Dépôt	github.com/angular/angular
Assurance qualité	Intégration continue
Écrit en	TypeScript
Système d'exploitation	Multiplateforme
Type	Framework JavaScript
Licence	Licence MIT
Site web	angular.io

Chronologie des versions

Angular (communément appelé "Angular 2+" ou "Angular v2 et plus")^[2]^,^[3] est un framework côté client, open source, basé sur TypeScript, et co-dirigé par l'équipe du projet « Angular » à Google et par une communauté de particuliers et de sociétés. Angular est une réécriture complète d'AngularJS, cadriciel construit par la même équipe. Il permet la création d’applications Web et plus particulièrement de ce qu’on appelle des « Single Page Applications » : des applications web accessibles via une page web unique qui permet de fluidifier l’expérience utilisateur et d’éviter les chargements de pages à chaque nouvelle action. Le Framework est basé sur une architecture du type MVC et permet donc de séparer les données, le visuel et les actions pour une meilleure gestion des responsabilités. Un type d’architecture qui a largement fait ses preuves et qui permet une forte maintenabilité et une amélioration du travail collaboratif.

Différences avec AngularJS[modifier | modifier le code]

L'Architecture de l'Angulaire de l'application. Les principaux blocs de construction sont des modules, des composants, des modèles, des métadonnées, la liaison de données, des directives, des services et de l'injection de dépendance.

Angular n'a pas de notion de "portée" ou de contrôleurs, au lieu de cela il utilise une hiérarchie de composants comme principale caractéristique architecturale^[4].
Angular a une syntaxe d'expression différente, en se concentrant sur les "[ ]" pour la liaison des propriétés, et de "( )" pour les liaisons des événements^[5]
Modularité – beaucoup de fonctionnalités de base ont été déplacées vers des modules
Angular recommande l'utilisation du langage TypeScript, créé par Microsoft, qui présente les caractéristiques suivantes :
- le principe de classe, à la base de la Programmation Orientée Objet
- le typage statique
- les génériques
TypeScript est un sur-ensemble d'ECMAScript 6 (ES6), et est rétro-compatible avec ECMAScript 5 (c'est-à-dire JavaScript). Angular comprend également les principes d'ES6 suivant :
- les fonctions anonymes
- les itérateurs
- boucles for-of
- générateurs dans le style du langage Python
- La réflexion
Le chargement dynamique
Compilation asynchrone des modèles
Itératif rappels fournis par RxJS. RxJS limites de l'état de visibilité et de débogage, mais ces problèmes peuvent être résolus avec réactif add-ons comme ngReact ou ngrx.

Historique[modifier | modifier le code]

Nom[modifier | modifier le code]

À l'origine, la réécriture de AngularJS a été appelée "Angular 2" par l'équipe, mais cela a conduit à la confusion entre les développeurs. Pour clarifier, l'équipe a annoncé que des termes différents doivent être utilisés pour chaque framework. "AngularJS", se référant aux versions 1.X, et "Angular" sans le "JS", en référence aux versions 2 et plus^[6].

La Version 2.0.0[modifier | modifier le code]

Angular 2.0 est annoncé à la conférence ng-europe 2014, qui s'est déroulé les 22 et 23 octobre de cette même année^[7]^,^[8]. Les changements drastiques dans la version 2.0 ont créé beaucoup de controverses parmi les développeurs^[9]. Le 30 avril 2015, les développeurs d'Angular annoncent que la version 2 passe de la version alpha à la version d'essai pour les développeurs^[10]. Angular 2 passe en version bêta en décembre 2015^[11], et la première version candidate à la production est publiée en mai 2016^[12]. La version finale est publiée le 14 septembre 2016.

Version 4.0.0[modifier | modifier le code]

Le 13 décembre 2016 Angular 4 a été annoncé, le saut à la version 3 étant fait pour éviter une confusion en raison de l'absence d'alignement de la version du routeur de paquet qui avait déjà été distribué en v3.3.0^[13]. La version finale a été publiée le 23 mars 2017^[14]. Angular 4 est compatible avec Angular 2^[15].

Angular 4.3 est une version mineure, ce qui signifie qu'il ne contient pas de modifications importantes et que c'est un remplacement direct pour les versions 4.x.x.

Fonctionnalités de la version 4.3 :

L'introduction de HttpClient, bibliothèque plus petite, plus facile à utiliser, et plus puissante pour faire des requêtes HTTP.
Nouveaux événements du cycle de vie du routeur pour les Gardes et les Résolveurs. Quatre nouveaux événements: GuardsCheckStart, GuardsCheckEnd, ResolveStart, ResolveEnd rejoignent l'ensemble des évènements de cycle de vie tels que NavigationStart.
Désactivation conditionnelle des animations.

Version 5.0.0[modifier | modifier le code]

Angular 5 est sorti le 1^er novembre 2017^[16]. Des améliorations clés dans Angular 5 incluent le soutien des applications web progressives, un optimiseur de production et des améliorations liées à Material Design^[17].

Version 6.0.0[modifier | modifier le code]

Angular 6 est sorti le 4 mai 2018^[18]. C'est une version majeure permettant de moins mettre l'accent sur le cadre sous-jacent, et de plus en plus sur la suite d'outils, et de rendre plus facile le passage à Angular dans le futur, avec: ng update, ng add, Angular Elements, Angular Material + CDK Components, Angular Material Starter Components, CLI Workspaces, Library Support, Tree Shakable Providers, Animations Performance Improvements, et RxJS v6.