Lijst en geschiedenis van Angular-versies – Angular 2,4,5,6,7,8

Geschiedenis van hoekige versies

Following zijn de releasedatums van de Angular-versie:

  • Angular versie 1.0, bekend als AngularJS, werd in 2010 uitgebracht door Google
  • Angular versie 2.0 werd uitgebracht in september 2016
  • Angular 4.0 werd uitgebracht in maart 2017
  • Angular 5.0 werd uitgebracht in november 2017
  • Angular 6.0 werd uitgebracht in mei 2018
  • Angular 7.0 werd uitgebracht in oktober 2018
  • Angular 8.0 werd uitgebracht in mei 2019
  • Angular 9.0 werd uitgebracht in februari 2020
  • Angular 10.0 is uitgebracht in juni 2020
  • Angular 11.0 werd uitgebracht in november 2020
  • Angular 12 komt uit in mei 2021
  • Angular 13 wordt uitgebracht in november 2021
  • Angular 14 komt uit in juni 2022

Hoekige versielijst en geschiedenis

Laten we de Angular-versiegeschiedenis bekijken in details:

Geschiedenis van Hoekig 1

Hoek 1, ook wel genoemd angularjs is een JavaScript-opensourceframework. Het is speciaal ontworpen voor webapps van één pagina die volledig eigendom zijn van Google. Dit was de eerste Angular-versie die in 2010 werd gelanceerd.

Geschiedenis van Hoekig 2

Angular 2 is een volledig gebouwde en voltooide herwerkingsversie van Angular 1. Het is compatibel met mobiele apparaten. Bovendien geeft Angular 2 u de mogelijkheid om meer talen te kiezen, waarbij u uw taal kunt kiezen, zoals ES5, ES6 of TypeScript, om de codes van Angular 2 te schrijven.

Geschiedenis van Hoekig 4

Zoals eerder besproken is Angular 3 niet uitgebracht door het Angular-team. Angular 4 werd uitgebracht op 6 maart 2017 en is compatibel met de meeste applicaties. Er zijn echter geen grote veranderingen in Angular 4 ten opzichte van Angular 2, en het biedt betere bugfixes en waarschuwingen in vergelijking met Angular 2.

Geschiedenis van Hoekig 5

Angular five is uitgebracht in november 2017. In deze Angular-versie zijn er ook enkele grootste veranderingen aangebracht ten opzichte van de vorige Angular. In deze versie is er een Build Optimizer die is gemaakt met de Angular CLI waarmee u standaard de build optimizer kunt toepassen. Daarnaast is er ook een Angular Universal State Transfer beschikbaar die API en DOM ondersteunt.

Geschiedenis van Hoekig 6

Angular versie 6 is uitgebracht op 4 mei 2018. Het is een grote release die minder op het onderliggende raamwerk en meer op de toolchain is gericht. Angular Elements, Component Dev Kit, Angular Material Starter Components, Library-ondersteuning en Tree Shakeable Providers zijn enkele nieuwe functies die in deze versie zijn toegevoegd.

Geschiedenis van Hoekig 7

Angular versie 7 is uitgebracht op 18 oktober 2018. Updates met betrekking tot applicatieprestaties, CDK, Angular Material Virtual Scrolling. Het biedt ook verbeterde toegankelijkheid van selecties, ondersteuning voor inhoudsprojectie met behulp van de webstandaard voor aangepaste elementen, en afhankelijkheidsupdates met betrekking tot Typescript 3.1, RxJS 6.3 en knooppunt 10.

Geschiedenis van Hoekig 8

Angular versie 8 is uitgebracht op 28 mei 2019. Deze update verbetert het laden van alle applicatiecodes, de dynamische import van webwerkers voor luie routes. Het ondersteunde ook TypeScript 3.4 en Angular Ivy als een opt-in preview.

Wat is Angular JS?

angularjs is een open-source front-end webframework gebaseerd op JavaScript om dynamische webapplicaties te bouwen. Het staat ontwikkelaars toe om te gebruiken HTML als de sjabloontaal en breid de syntaxis ervan uit om verschillende applicatiecomponenten te maken. Het helpt u ook om het schrijven van code te verminderen door databinding en afhankelijkheidsinjectie.

AngularJS is gemaakt door Misko Heavy. Hij had een raamwerk gebouwd om de valkuilen van HTML aan te pakken en ook ideeën en best practices van de bibliotheken over te nemen die nog nooit eerder waren uitgevoerd.

Deze eerste versie van het raamwerk, bekend als AngularJS, werd gelanceerd in het jaar 2009. Het legde de basis voor de huidige front-end applicatieontwikkeling. Angular JS was een van de beste oplossingen voor het ontwikkelen van applicaties met één pagina. Geleidelijk aan werd het breed geaccepteerd en werd het erg populair.

Kenmerken van Angular JS

  • Een JavaScript MVW-framework
  • Breidt HTML-ondersteuning uit door tags, attributen en expressies toe te voegen
  • Maakt eenvoudige gebeurtenisafhandeling mogelijk
  • Ondersteunt voor gegevensbinding
  • Ingebouwde sjabloonengine en routering
  • Formuliervalidaties en animaties
  • Afhankelijkheden injectie

Wat is hoek 2?

Hoekig 2 is een AngularJS-versie gebouwd rond het concept van de component, waarmee JavaScript-klassen kunnen worden gebouwd. Na het uitbrengen van Angular JS bracht het Angular-team Angular 2 uit, een volledige herschrijving van de originele Angular 1 of AngularJS. Het werd helemaal opnieuw geschreven door het Angular-team met behulp van Typescript. Het biedt betere prestaties voor webontwikkelaars.

Er zijn veel nieuwe functies, samen met andere verbeteringen en aanpassingen.

Enkele belangrijke kenmerken van Angular 2 zijn:

  • Modern, sneller en zeer schaalbaar raamwerk
  • Even nuttig raamwerk voor web-, mobiele en desktop-apps
  • Webcomponenten gebaseerd architectuur
  • Ondersteunt Hierarchical Afhankelijkheidsinjectie

Waarom niet Angular 3?

Angular 2 was één enkele opslagplaats. Elk pakket kan worden gedownload met de @angular/pakketnaamconventie. Bijvoorbeeld @angular/HTTP, @angular/router

Alle pakketnamen kregen versie 2 toegewezen, maar het routerpakket kreeg per ongeluk versie 3. Daarom sloeg het ontwikkelingsteam Angular Versie 3 over en noemde het direct versie 4 om de compatibiliteit met de versie van Angular Router te behouden.

Wat is hoek 4?

Hoekig 4 is een webapplicatieframework voor het bouwen van JavaScript-applicaties. Het ondersteunt TypeScript, dat compileert naar JavaScript en geeft hetzelfde weer in de browser. Het biedt ook een navigatiewerkbalk, automatisch aanvullen, menu's en nog veel meer functies. Het is anders dan Angular 2, een volledig herschreven versie van Angular 1.

Enkele andere kenmerken van Angular 4 zijn:

  • Verklein de grootte van de gegenereerde gebundelde code tot 60%
  • Animatie verplaatst naar een afzonderlijk pakket @angular/animations
  • Ondersteunt de if/else-instructie
  • Steunen voor email validator

Wat is hoek 5?

Hoekig 5 is een open-source webapplicatieframework dat is gebaseerd op TypeScript. Er zijn veel nieuwe functies en verbeteringen aangebracht in deze versie, zoals afhankelijkheidsinjectie, declaratieve sjablonen, end-to-end tooling, enz. Het brengt geen significante verandering met zich mee ten opzichte van Angular 4.

Kenmerken van Angular 5:

  • Maak AOT de standaard
  • Makkelijker om progressieve webapps te bouwen
  • Typ het inchecken in sjablonen
  • Ondersteuning voor geïnternationaliseerde nummer-, datum- en valutapipes
  • Een update voor Httpclient
  • Zonesnelheidsverbeteringen
  • Nieuwe gebeurtenissen in de routerlevenscyclus

Verschil tussen AngularJS en Angular 2

Hieronder ziet u een belangrijk verschil tussen AngularJS versus Angular 2:

Hoekige JS Hoekig 2
Uitgegeven door Google in het jaar 2010. Uitgebracht in september 2016.
Op JavaScript gebaseerd raamwerk voor het creëren van SPA. Volledige herschrijving van de AngularJS-versie.
Nog steeds ondersteund, maar zal niet langer worden ontwikkeld. Het is een bijgewerkte versie die regelmatig wordt uitgebracht vanwege Semantic Versioning.
Het archiDe structuur van AngularJS is gebaseerd op MVC. Het archiDe structuur van Angular 2 is gebaseerd op service/controller.
AngularJS is niet ontwikkeld met een mobiele basis in gedachten. Angular 2 is een mobiel georiënteerd raamwerk.
AngularJS-code kan schrijven met alleen ES5, ES6 en Dart. We kunnen ES5, ES6 en Typescript gebruiken om een ​​Angular 2-code te schrijven.
Gebaseerd op controllers waarvan de reikwijdte nu voorbij is. Tegenwoordig zijn de controllers vervangen door componenten en is Angular Two volledig componentgebaseerd.
Voor diensten worden fabriek, dienst, aanbieder, waarde en constante gebruikt De klasse is de enige methode om services in Angular2 te definiëren
Alleen aan de clientzijde uitgevoerd Draait op client-side en server-side
ng-app en hoekige bootstrap-functie worden gebruikt om te initialiseren bootstrapmodule() functie wordt gebruikt om te initialiseren

Verschil tussen hoek 2 en hoek 4

Following is het belangrijkste verschil tussen Angular 2 versus Angular 4:

Hoekig 2 Hoekig 4
De code die met Angular 2 wordt gegenereerd, is groter en de bestandsgrootte is ook groter. Angular 4.0 heeft de gebundelde bestandsgrootte met 60% verminderd. De gegenereerde code wordt dus verminderd, wat de prestaties van de applicatie helpt versnellen.
Angular Two is niet achterwaarts compatibel met Angular JS. Angular Four is voor de meeste toepassingen achterwaarts compatibel met Angular 2.
Er zijn geen specifieke, niet-goede afkeuringsfasen om codes aan te passen. Er zullen passende afkeuringsfasen zijn zodat ontwikkelaars hun code kunnen aanpassen
Er zijn geen aanbiedingen voor animatiefuncties in Angular 2. Animatiefuncties worden uit @angular/core gehaald en in hun pakket opgenomen

Verschil tussen hoek 4 en hoek 5

Hier is het verschil tussen Angular 4 versus Angular 5:

Hoekig 4 Hoekig 5
Ondersteuning voor Router ParamMap Nieuwe routerlevenscyclusgebeurtenis
Dynamische componenten met NgComponentOutlet Compilerverbeteringen
TypeScript 2.4 met deze versie die functioneert als een JavaScript-superset die kan worden gebruikt voor optioneel statisch typen, interfaces en klassen Angular 5 wordt geleverd met build optimizer, die als een tool deel uitmaakt van de opdracht van het platform.
HTTP-verzoek vereenvoudigd Optimalisatie met HttpClient-functie
Inclusief animatiepakket Geïnternationaliseerde datum en valuta

Samengevat

  • AngularJS is een open-source front-end webframework gebaseerd op JavaScript om dynamische webapplicaties te bouwen.
  • Angular 2 is een AngularJS-versie gebouwd rond het concept van de component, waarmee JavaScript-klassen kunnen worden gebouwd. Na het uitbrengen van Angular JS bracht het Angular-team Angular 2 uit, een volledige herschrijving van de originele Angular 1 of AngularJS.
  • Alle pakketnamen kregen versie 2 toegewezen, maar het routerpakket kreeg per ongeluk versie 3. Daarom sloeg het ontwikkelingsteam Angular Versie 3 over en noemde het direct versie 4 om de compatibiliteit met de versie van Angular Router te behouden.
  • Angular 4 is een webapplicatieframework voor het bouwen van JavaScript-applicaties. Het ondersteunt TypeScript, dat naar JavaScript compileert en hetzelfde in de browser weergeeft.
  • Angular 5 is een open-source webapplicatieframework dat is gebaseerd op TypeScript. Er zijn veel nieuwe functies en verbeteringen aangebracht in deze versie, zoals injectie van afhankelijkheid, declaratieve sjablonen, end-to-end tooling, enz.