Angular
![Si ce bandeau n'est plus pertinent, retirez-le. Cliquez ici pour en savoir plus.](http://upload.wikimedia.org/wikipedia/commons/thumb/3/38/Info_Simple.svg/12px-Info_Simple.svg.png)
![](http://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Circle-icons-recycle.svg/45px-Circle-icons-recycle.svg.png)
Cet article doit être recyclé ().
Une réorganisation et une clarification du contenu paraissent nécessaires. Améliorez-le, discutez des points à améliorer ou précisez les sections à recycler en utilisant {{section à recycler}}.
![Description de l'image Angular_full_color_logo.svg.](http://upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Angular_full_color_logo.svg/langfr-120px-Angular_full_color_logo.svg.png)
Développé par | Google et la communauté Angular. |
---|---|
Première version | |
Dernière version | 18.2.0 ()[1]![]() |
Dépôt | github.com/angular/angular![]() |
Assurance qualité | Intégration continue![]() |
Écrit en | TypeScript, JavaScript |
Système d'exploitation | Multiplateforme![]() |
Type | Framework JavaScript |
Licence | Licence MIT![]() |
Site web | angular.dev![]() |
Chronologie des versions
AngularJS
modifier - modifier le code - voir Wikidata (aide)
Angular (communément appelé « Angular 2+ » ou « Angular v2 et plus »)[2],[3] est un framework pour clients, open source, basé sur TypeScript et codirigé par l'équipe du projet « Angular » chez Google ainsi que 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 d'applications Web monopages : 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
![](http://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Architecture_of_an_Angular_2_application.png/225px-Architecture_of_an_Angular_2_application.png)
- Angular n'a pas de notion de « portée » (scope) 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 les"( )"
pour la liaison 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 classes, à 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étrocompatible avec ECMAScript 5 (c'est-à-dire JavaScript). Angular comprend également les principes d'ES6 suivants :
- les fonctions anonymes
- les itérateurs
- les boucles for-of
- les générateurs dans le style du langage Python
- la réflexion
- Le chargement dynamique
- La compilation asynchrone des modèles
- Les rappels itératif fournis par RxJS. RxJS limite l'état de visibilité et de débogage mais ces problèmes peuvent être résolus avec add-ons réactifs comme ngReact ou ngrx.
Historique
Nom
À l'origine, la réécriture d'AngularJS avait été appelée « Angular 2 » par l'équipe mais cela avait conduit à des confusions entre les développeurs. Pour clarifier, l'équipe a annoncé que des termes différents allaient ê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].
Version 2.0.0
Angular 2.0 est annoncé à la conférence ng-europe 2014, qui s'est déroulée les 22 et 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 , 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 [11] et la première version candidate à la production est publiée en [12]. La version finale est publiée le .
Version 4.0.0
Le , Angular 4 a été annoncé ; le saut de la version 3 étant fait pour éviter une confusion en raison de l'absence d'alignement de la version du routeur qui avait déjà été distribuée en v3.3.0[13]. La version finale a été publiée le [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 :
- 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
Angular 5 est sorti le [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
Angular 6 est sorti le [18]. C'est une version majeure permettant de moins mettre l'accent sur le cadre sous-jacent, 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,
- RxJS v6.
Version 7.0.0
![](http://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/17px-Fairytale_warning.png)
Angular 7 est sorti le [19].
Version 8.0.0
![](http://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/17px-Fairytale_warning.png)
Angular 8 est sorti le [20].
Version 9.0.0
![](http://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/17px-Fairytale_warning.png)
Angular 9 est sorti le [21].
- Mise en place du moteur de rendu Ivy.
Version 10.0.0
![](http://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/17px-Fairytale_warning.png)
Angular 10 est sorti le [22].
Version 11.0.0
![](http://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/17px-Fairytale_warning.png)
Angular 11 est sorti le [23].
Version 12.0.0
![](http://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/17px-Fairytale_warning.png)
Angular 12 est sorti le [24].
- IE 11 est déprécié.
Version 13.0.0
![](http://upload.wikimedia.org/wikipedia/commons/thumb/8/87/Fairytale_warning.png/17px-Fairytale_warning.png)
Angular 13 est sorti le [25].
- Suppression du support d'IE 11.
- View Engine a été supprimé du mode de compilation au profit d'Ivy. Un avertissement est affiché pour les bibliothèques encore sous View Engine (Angular 12 et moins).
Version 14.0.0
Angular 14 est sorti le .
- Amélioration du support des micro-frontends
- Mise en place des composants autonomes sans ngModule.
- La validation des formulaires est maintenant typable.
Version 15.0.0
Angular 15 est sorti le .
Version 16.0.0
Angular 16 est sorti le .
Cette version introduit, en aperçu développeur :
- Une refonte du système de réactivité : Angular Signals[26].
- Un nouveau système de construction des exécutables (builder) basée sur esbuild et intégrant Vite[26].
Cette version fournit également :
- Un script de migration vers des composant autonomes (standalone)[26].
- Un paramètre booléen indiquant un Input comme étant requis[26].
Version 17.0.0
Angular 17 a été publiée le .
- Cette version introduit un mécanisme de flux de contrôle déclaratif.
- On notera par ailleurs que la construction des exécutables (build) a été améliorée : elle se déroule plus rapidement et apporte des gains de performance[27]
- De plus, la documentation a été revue.
- Mise en place d'une nouvelle syntaxe pour les templates. Par exemple :est remplacé par :
<ng-container *ngFor="let item of list"> <div *ngIf="condition; else elseTemplate"> A </div> <ng-template #elseTemplate> <div> B </div> </ng-template> </ng-container>
@for (item of list; track item) { @if (condition) { <div>A</div> } @else { <div>B</div> } }
Politique d'évolution
Chaque version est prévue pour être compatible avec la version antérieure. Google a promis de faire des mises à jour deux fois par année.
Politique de support
Toutes les versions majeures bénéficient d'une assistance pendant 18 mois. Il s'agit de 6 mois de support actif, au cours desquels des mises à jour et des correctifs sont publiés à intervalles réguliers. Elle est suivie de 12 mois de support à long terme (LTS), au cours desquels seuls les correctifs critiques et les correctifs de sécurité sont publiés[28].
Notes et références
- ↑ « Release 18.2.0 », (consulté le )
- ↑ (en) « Angular (2+) • r/Angular2 », sur reddit (consulté le ).
- ↑ Manjunath M, « AngularJS and Angular 2+ : a Detailed Comparison — SitePoint », sur Sitepoint.com, (consulté le ).
- ↑ (en) « Angular », sur angular.io (consulté le ).
- ↑ « What’s the difference between AngularJS and Angular? », sur gorrion.io, (consulté le )
- ↑ « Angular: Branding Guidelines for AngularJS » (consulté le )
- ↑ Coman Hamilton, « A sneak peek at the radically new Angular 2.0 » (consulté le )
- ↑ « Ng-Europe schedule »
- ↑ Coman Hamilton, « Angular 2.0 announcement backfires » (consulté le )
- ↑ angularjs, « Angular 2 moves from Alpha to Developer Preview! Dev guide and API docs now available at ... angular.io/docs/js/latest », sur Twitter, (consulté le )
- ↑ « Angular: Angular 2 Beta », sur angularjs.blogspot.it (consulté le )
- ↑ « angular/angular », sur GitHub (consulté le )
- ↑ « Ok... let me explain: it's going to be Angular 4.0 », sur angularjs.blogspot.kr (consulté le )
- ↑ « Angular 4.0.0 Now Available », sur angularjs.blogspot.ca (consulté le )
- ↑ « Angular 4 coming in 2017, to be backwards compatible with Angular 2 », sur react-etc.net (consulté le )
- ↑ Stephen Fluin, « Version 5.0.0 of Angular Now Available » (consulté le )
- ↑ « Angular 5 JavaScript framework delayed »
- ↑ « Version 6.0.0 of Angular Now Available » (consulté le )
- ↑ « Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more » (consulté le )
- ↑ « Version 8 of Angular — Smaller bundles, CLI APIs, and alignment with the ecosystem » (consulté le )
- ↑ (en) Stephen Fluin, « Version 9 of Angular Now Available— Project Ivy has arrived! », sur Medium, (consulté le )
- ↑ (en) Krill Paul, « What’s new in Angular 10 », sur InfoWorld, (consulté le )
- ↑ (en) Mark Thompson (@marktechson), « Version 11 of Angular Now Available », sur Medium, (consulté le )
- ↑ (en) Mark Thompson (@marktechson), « Angular v12 is now available », sur Medium, (consulté le )
- ↑ (en) Mark Thompson (@marktechson), « Angular v13 is now Available », sur Medium, (consulté le )
- ↑ a b c et d « Angular », sur v17.angular.io (consulté le )
- ↑ https://blog.angular.io/introducing-angular-v17-4d7033312e4b
- ↑ « Angular », sur angular.io (consulté le )
Annexes
Articles connexes
Liens externes
- Site officiel
v · m | |||||
---|---|---|---|---|---|
Python |
| ||||
PHP | |||||
Ruby |
| ||||
Perl |
| ||||
Smalltalk | Seaside | ||||
JavaScript |
| ||||
CSS |
| ||||
Java | |||||
.NET |
Portail de la programmation informatique