Liste et historique des versions angulaires – Angulaire 2,4,5,6,7,8
Histoire des versions angulaires
Voici les dates de sortie de la version Angular :
- Angular version 1.0, connue sous le nom d'AngularJS, a été publiée en 2010 par Google
- La version angulaire 2.0 est sortie en septembre 2016
- Angular 4.0 est sorti en mars 2017
- Angular 5.0 est sorti en novembre 2017
- Angular 6.0 est sorti en mai 2018
- Angular 7.0 est sorti en octobre 2018
- Angular 8.0 est sorti en mai 2019
- Angular 9.0 est sorti en février 2020
- Angular 10.0 est sorti en juin 2020
- Angular 11.0 est sorti en novembre 2020
- Angular 12 sort en mai 2021
- Angular 13 sort en novembre 2021
- Angular 14 sort en juin 2022
Liste et historique des versions angulaires
Voyons l'historique des versions d'Angular en détail :
Histoire d’Angular 1
Angulaire 1 qui était également appelé AngularJS est une JavaFramework open-source de script. Il a été conçu spécialement pour les applications web monopages et est entièrement détenu par GoogleIl s'agissait de la première version d'Angular, lancée en 2010.
Histoire d’Angular 2
Angular 2 est une version retravaillée entièrement construite et complétée d'Angular 1. Il est compatible avec les appareils mobiles. De plus, Angular 2 vous offre la possibilité de choisir plus de langues où vous pouvez choisir votre langue comme ES5, ES6 ou TypeScript pour écrire les codes d'Angular 2.
Histoire d’Angular 4
Comme indiqué précédemment, Angular 3 n'a pas été publié par l'équipe Angular. Angular 4 est sorti le 6 mars 2017 et est compatible avec la plupart des applications. Cependant, il n'y a pas de changements majeurs dans Angular 4 par rapport à Angular 2, et il offre une meilleure correction des bugs et des alertes par rapport à Angular 2.
Histoire d’Angular 5
Angular Five a été publié en novembre 2017. Dans cette version Angular, des changements plus importants ont également été apportés par rapport à Angular précédent. Dans cette version, il existe un Build Optimizer créé avec la CLI angulaire qui vous permet d'appliquer l'optimiseur de build par défaut. En plus de cela, il existe également un transfert d'état universel angulaire qui prend en charge l'API et le DOM.
Histoire d’Angular 6
La version 6 d'Angular a été publiée le 4 mai 2018. Il s'agit d'une version majeure moins axée sur le framework sous-jacent que sur la chaîne d'outils. Les éléments angulaires, le kit de développement de composants, les composants de démarrage de matériaux angulaires, la prise en charge de la bibliothèque et les fournisseurs Tree Shakeable sont quelques nouvelles fonctionnalités ajoutées dans cette version.
Histoire d’Angular 7
La version 7 d'Angular a été publiée le 18 octobre 2018. Mises à jour concernant les performances des applications, le CDK, le défilement virtuel des matériaux angulaires. Elle offre également une accessibilité améliorée des sélections, la prise en charge de la projection de contenu à l'aide du standard Web pour les éléments personnalisés et des mises à jour des dépendances concernant Typescript 3.1, RxJS. 6.3 et nœud 10.
Histoire d’Angular 8
La version 8 d'Angular a été publiée le 28 mai 2019. Cette mise à jour améliore le chargement de tous les codes d'application, les importations dynamiques de Web Worker pour les itinéraires paresseux. Il a également soutenu TypeScript 3.4 et Angular Ivy en aperçu optionnel.
Qu'est-ce qu'Angular JS ?
AngularJS est un framework Web frontal open source basé sur JavaScript pour créer des applications Web dynamiques. Il permet aux développeurs d'utiliser HTML comme langage de modèle et étendre sa syntaxe pour créer divers composants d'application. Cela vous aide également à réduire l’écriture du code par liaison de données et injection de dépendances.
AngularJS a été créé par Misko Heavery. Il avait construit un cadre pour gérer les inconvénients du HTML et a également pris en compte les idées et les meilleures pratiques des bibliothèques qui n'avaient jamais été réalisées auparavant.
Cette première version du framework connue sous le nom d'AngularJS a été lancée en 2009. Elle a jeté les bases du développement actuel d'applications frontales. Angular JS était l'une des meilleures solutions de développement d'applications d'une seule page. Peu à peu, il est largement adopté et devient très populaire.
Caractéristiques d'Angular JS
- A JavaScript pour le framework MVW
- Étend la prise en charge HTML en ajoutant des balises, des attributs et des expressions
- Permet une gestion facile des événements
- Prise en charge de la liaison de données
- Moteur de modèles et routage intégrés
- Validations et animations de formulaires
- Injection de dépendances
Qu'est-ce qu'Angular 2 ?
2 angulaire est une version AngularJS construite autour du concept du composant, qui permet de construire JavaClasses de script. Après la sortie d'Angular JS, l'équipe Angular a publié Angular 2, qui est une réécriture complète de l'Angular 1 ou AngularJS original. Il a été réécrit de zéro par l'équipe Angular à l'aide de Typescript. Il offre de meilleures performances aux développeurs Web.
Il existe de nombreuses nouvelles fonctionnalités, ainsi que d’autres améliorations et ajustements.
Certaines fonctionnalités importantes d’Angular 2 sont :
- Framework moderne, plus rapide et hautement évolutif
- Framework tout aussi utile pour les applications Web, mobiles et de bureau
- Architecture basée sur des composants Web
- Prend en charge l'injection de dépendances hiérarchiques
Pourquoi pas Angular 3 ?
Angular 2 est un référentiel unique. Chaque package téléchargeable avec la convention @angular/package-name. Par exemple @angular/HTTP, @angular/router
Tous les noms de packages ont reçu la version 2, mais le package du routeur a reçu par erreur la version 3. Par conséquent, l'équipe de développement a ignoré la version 3 d'Angular et l'a directement nommée version 4 pour maintenir la compatibilité avec la version d'Angular Router.
Qu'est-ce qu'Angular 4 ?
4 angulaire est un framework d'application Web pour la construction JavaApplications de script. Il prend en charge TypeScript, qui compile en Javascénario et affiche la même chose dans le navigateur. Il fournit également une barre d'outils de navigation, une saisie semi-automatique, des menus et bien d'autres fonctionnalités. Ce n’est pas comme Angular 2, qui est une version entièrement réécrite d’Angular 1.
Certaines autres fonctionnalités d'Angular 4 sont :
- Réduisez la taille du code groupé généré jusqu'à 60 %
- L'animation a été déplacée vers un package séparé @angular/animations
- Prise en charge de l'instruction if/else
- Prise en charge du validateur de courrier électronique
Qu'est-ce qu'Angular 5 ?
5 angulaire est un framework d'application Web open source basé sur TypeScript. Il y a beaucoup de nouvelles fonctionnalités et améliorations apportées dans cette version comme injection de dépendance, modèles déclaratifs, outils de bout en bout, etc. Cela n'apporte aucun changement significatif par rapport à Angular 4.
Caractéristiques d'Angular 5 :
- Faire d'AOT la valeur par défaut
- Plus facile de créer des applications Web progressives
- Vérification du type dans les modèles
- Prise en charge des canaux de nombre, de date et de devise internationalisés
- Une mise à jour de Httpclient
- Améliorations de la vitesse de zone
- Nouveaux événements du cycle de vie du routeur
Différence entre AngularJS et Angular 2
Vous trouverez ci-dessous une différence principale entre AngularJS et Angular 2 :
| JS angulaire | 2 angulaire |
|---|---|
| Produit par Google dans l'année 2010. | Sorti en septembre 2016. |
| JavaCadre basé sur des scripts pour la création de SPA. | Réécriture complète de la version AngularJS. |
| Toujours pris en charge mais ne sera plus développé. | Il s'agit d'une version mise à jour régulièrement publiée en raison du versioning sémantique. |
| L'architecture d'AngularJS est basée sur MVC. | L'architecture d'Angular 2 est basée sur service/contrôleur. |
| AngularJS n'a pas été développé pour une base mobile. | Angular 2 est un framework orienté mobile. |
| Le code AngularJS peut écrire en utilisant uniquement ES5, ES6 et Dart. | Nous pouvons utiliser ES5, ES6, Typescript pour écrire un code Angular 2. |
| Basé sur des contrôleurs dont la portée est désormais terminée. | De nos jours, les contrôleurs sont remplacés par des composants, et Angular two est entièrement basé sur des composants. |
| L'usine, le service, le fournisseur, la valeur et la constante sont utilisés pour les services | La classe est la seule méthode pour définir des services dans Angular2 |
| Exécuter uniquement côté client | Fonctionne côté client et côté serveur |
| ng-app et la fonction d'amorçage angulaire sont utilisés pour initialiser | La fonction bootstrapmodule() est utilisée pour initialiser |
Différence entre angulaire 2 et angulaire 4
Voici la principale différence entre Angular 2 et Angular 4 :
| 2 angulaire | 4 angulaire |
|---|---|
| Le code généré à l'aide d'Angular 2 est plus gros et la taille du fichier est également plus grande. | Angular 4.0 a réduit la taille des fichiers groupés de 60 %. Ainsi, le code généré est réduit, ce qui contribue à accélérer les performances de l'application. |
| Angular Two n'est pas rétrocompatible avec Angular JS. | Angular four est rétrocompatible avec Angular 2 pour la plupart des applications. |
| Il n’y a pas de phases de désapprobation spécifiques et appropriées pour ajuster les codes. | Il y aura des phases de désapprobation appropriées pour permettre aux développeurs d'ajuster leur code |
| Il n'y a aucune offre de fonctionnalités d'animation dans Angular 2. | Les fonctionnalités d'animation sont extraites de @angular/core et incluses dans leur package |
Différence entre angulaire 4 et angulaire 5
Voici la différence entre Angular 4 et Angular 5 :
| 4 angulaire | 5 angulaire |
|---|---|
| Prise en charge du ParamMap du routeur | Nouvel événement du cycle de vie du routeur |
| Composants dynamiques avec NgComponentOutlet | Améliorations du compilateur |
| TypeScript 2.4 avec cette version qui fonctionne comme un JavaSur-ensemble de scripts pouvant être utilisé pour des types statiques optionnelsping, interfaces et classes | Angular 5 est livré avec un optimiseur de build qui fait partie de la commande de la plateforme comme un outil. |
| Requête HTTP simplifiée | Optimisation avec la fonctionnalité HttpClient |
| Comprend le forfait d'animation | Date et devise internationalisées |
Résumé
- AngularJS est un framework Web frontal open source basé sur JavaScript pour créer des applications Web dynamiques.
- Angular 2 est une version AngularJS construite autour du concept du composant, qui permet de construire JavaClasses de script. Après la sortie d'Angular JS, l'équipe Angular a publié Angular 2, qui est une réécriture complète de l'Angular 1 ou AngularJS original.
- Tous les noms de packages ont reçu la version 2, mais le package du routeur a reçu par erreur la version 3. Par conséquent, l'équipe de développement a ignoré la version 3 d'Angular et l'a directement nommée version 4 pour maintenir la compatibilité avec la version d'Angular Router.
- Angular 4 est un framework d'application Web pour la construction JavaApplications de script. Il prend en charge TypeScript, qui compile en JavaLe script s'affiche de la même manière dans le navigateur.
- Angular 5 est un framework d'application Web open source basé sur TypeScript. De nombreuses nouvelles fonctionnalités et améliorations ont été apportées dans cette version, telles que l'injection de dépendances, les modèles déclaratifs, les outils de bout en bout, etc.

