Karim's Blog

Un peu de tout sur CSS, HTML, AngularJS, JavaScript, Php et le reste

Angular 6 Vs Angular 7 Vs Angular 8 Vs Angular 9

Angular 6 Vs Angular 7 Vs Angular 8 Vs Angular 9

En raison de la popularité croissante des applications mobiles et des applications Web, les entreprises recherchent une meilleure option pour créer des applications mobiles et Web avec une vitesse plus rapide et moins de ressources. Pour y parvenir, il existe peu de frameworks disponibles dans le monde comme Angular, React, Meteor. Pour rester au courant des besoins croissants des clients et des entreprises, l'afflux constant de technologies, de cadres et de plates-formes de niche doit être mis à jour. Dans cet article, nous partageons les différences entre les fonctionnalités, les modifications et les améliorations liées à Angular 6 vs Angular 7 vs Angular 8 vs Angular 9.

Angular est un framework JavaScript écrit en TypeScript développé par Google et est connu sous le nom de «Superheroic JavaScript MVW Framework». Angular (version 2 +), initialement publié en septembre 2016, est une réécriture complète d'AngularJS. La dernière version majeure est la version 8 au moment de la rédaction. Google AdWords, l'un des projets les plus importants de Google, développé sur Angular - Angular est donc susceptible d'exister pendant un certain temps.

Angular 6

Angular 6 est sorti le 4 mai 2018. Les principaux points forts d'Angular 6 incluent l'interface de ligne de commande angulaire (CLI), le KIT de développement de composants (CDK), la mise à jour du package de matériaux angulaires et avec la nouvelle version 2.7 de TypeScript, il est beaucoup plus facile de code avec déclarations de type conditionnel, déclarations par défaut et initialisation de classe stricte.

Angular Element

Créer un widget ou un composant pouvant être inclus dans n'importe quelle page Web existante a été rendu possible avec Angular Elements.
Le package Angular Elements offrait la possibilité de créer un composant angular, puis de publier ce composant en tant que composant Web pouvant être utilisé dans n'importe quelle page HTML.

Service worker

Les services workers ont été introduits pour la première fois dans Angular 5. Ce sont les scripts qui s'exécutent dans le navigateur Web et parviennent à mettre en cache une application. Les Services Workers viennent avec quelques corrections de bugs, y compris de nouvelles fonctionnalités car il n'y avait pas de moyen simple de désactiver le service worker et pour surmonter cela, Angular 6 a proposé un nouveau fichier de script safety-worker.js dans le bundle de production. Ce fichier de script les aide à désinscrire un service worker existant.

Internationalization (i18n)

L'un des changements majeurs introduits dans Angular 6 est la fonctionnalité d'internationalisation (i18n) avec rendu d'exécution, de sorte qu'il n'est pas nécessaire de créer une application par locale.

</>

Dans cet article, nous avons discuté des principales différences entre Angular 6 vs 7 vs 8 vs 9. Les principales mises à jour reçues pour les développeurs dans Angular 6 étaient la mise à jour, les composants Angular Material + CDK, les espaces de travail CLI, les améliorations des performances des animations , ng add, et éléments angular dans lesquels Angular 7 ils ont mis à jour le kit de développement de composants (CDK), Drag & Drop.
Virtual Scrolling, améliorations des performances des applications, mises à jour de la documentation et des dépendances on Angular 8 publié avec une mise à jour majeure dans Ivy.
Angular 9 avec Default Ivy, Web Workers, Lazy Loading et amélioration de ng-Upgrade, prise en charge de node v10, prise en charge de TypeScript 3.7, améliorations i18n et plus encore.

 

Angular 6 Angular 7 Angular 8 Angular 9
Angular Element CLI Prompts Ivy Engine Default Ivy in v9
Service worker Virtual Scrolling Web Workers Phantom Template Variable Menace
Internationalization (i18n) Drag and Drop Lazy Loading Dependency Injection Changes in Core
Bazel Compiler Bundle Budget Improvement in ng-upgrade Service Worker Updates
ng-add / ng-update Angular Compiler Support for Node 10 i18n Improvements
ng-update Angular Do-Bootstrap CLI workflow improvements More reliable ng update
ngModelChange Better Error Handling Upgrading Angular Material API Extractor Updates
TypeScript 2.7 support TypeScript 3.1 support TypeScript 3.4 support Typescript 3.7 support
Improved decorator error messages New ng-compiler Differential Loading Component Harness
<ng-template> updated to <template> Native Script  Improved Web Worker Bundling ModuleWithProviders Support