Angular

Was ist Angular?

Angular (im Allgemeinen auch als “Angular2+” oder “Angularv2” bezeichnet) ist ein TypeSkript-basiertes Open-Source Frontend-Webanwendungs-Framework, das vom Angular-Team bei Google und einer Community von Einzelpersonen und Unternehmen geleitet wird. Angular ist eine vollständige Überarbeitung von demselben Team, das AngularJS entwickelt hat.

Entwicklung

Name
Ursprünglich wurde die Neufassung von AngularJS vom Team als “Angular2” bezeichnet. Dies führte jedoch zu Verwirrung unter den Entwicklern. Zur Klarstellung gab das Team bekannt, dass für jedes Framework separate Begriffe verwendet werden sollten, wobei “AngularJS” sich auf die ersten Versionen bezieht, ohne “JS” auf die Versionen 2 und höher.

Version 2.0 wurde auf der ng-Europe-Konferenz im Oktober 2014 angekündigt. Die drastischen Änderungen der Version 2.0 führten zu erheblichen Kontroversen unter den Entwicklern. Im April 2015 gaben die Entwickler bekannt, dass Angular2 von Alpha auf Developer Preview umgestiegen ist. Angular2 wechselte im Dezember 2015 zu Beta und der erste Veröffentlichungskandidat wurde im Mai 2016 publiziert. Die endgültige Version wurde im September 2016 veröffentlicht.

Im Dezember 2016 wurde Angular4 angekündigt, wobei 3 übersprungen wurde, um Verwirrungen aufgrund einer fehlerhaften Ausrichtung der Version des Routerpakets zu vermeiden, die bereits als v3.3.0 veröffentlicht wurde. Die endgültige Version wurde im März 2017 veröffentlicht. Angular4 ist mit Angular2 abwärtskompatibel.

Die Version 4.3 ist eine untergeordnete Version, was bedeutet, dass es keine brechenden Änderungen enthält und dass es sich um einen Drop-In-Ersatz für 4 handelt.

Funktionen in Version 4.3

  • Einführung in HttpClient, eine kleinere, benutzerfreundlichere und leistungsfähigere Bibliothek für HTTP-Anwendungen.
  • Neue Routerlebenszyklus-Ereignisse für Guards und Resolver. Vier neue Ereignisse: GuardsCheckStart, GuardsCheckEnd, ResolveStart und ResolveEnd treten dem vorhandenen Satz von Lebenszyklus-Ereignissen wie NavigationStart bei
  • Deaktivierung von Animationen unter bestimmten Bedingungen.

Angular5 wurde im November 2017 veröffentlicht. Zu den wichtigsten Verbesserungen dieser Version gehören die Unterstützung progressiver Web-Apps, ein Build-Optimierer und Verbesserungen in Bezug auf Material Design.
Angular6 wurde am 4. Mai 2018 veröffentlicht. Dies ist eine Hauptversion, die sich weniger auf das zugrunde liegende Framework konzentriert, als vielmehr auf die Toolchain und darauf, die zukünftige Verwendung von Angular zu vereinfachen. Dazu gehören: ng add, ng update, Winkelelemente, Winkelmaterial + CDK-Komponenten, Starterkomponenten, CLI-Arbeitsbereiche, Unterstützung der Bibliothek, Tree Shakeable-Anbieter, Optimierung der Animationsleistung und RxJS v6.
Die Version 7 wurde am 18. Oktober 2018 veröffentlicht. Updates zu Anwendungsleistung, Angular Material + CDK, virtuellem Bildlauf und verbessertem Zugriff auf Selects unterstützen jetzt die Content-Projektion mit Webstandard für benutzerdefinierte Elemente und Aktualisierungen für Abhängigkeiten in Bezug auf TypeSkript 3.1, RxJS 6.3, Node 10 (unterstützt weiterhin Node 8).
Eines der Highlights ist die erwartete Veröffentlichung von Ivy, einer rückwärtskompatiblen, komplett neuen Render-Engine, die auf der inkrementellen DOM-Architektur basiert. Ivy wurde im Hinblick auf Tree Shaking entwickelt, was bedeutet, dass Anwendungspakete nur die Teile des Quellcodes enthalten, die von der Anwendung tatsächlich verwendet werden.

 

Unterschiede zwischen Angular und AngularJS

Angular war eine grundlegende Neufassung von AngularJS:

  • Angular verfügt über kein Konzept für den Umfang oder den Controller, sondern verwendet eine Hierarchie von Komponenten als primäres architektonisches Merkmal
  • Das neue Framework hat eine andere Ausdruckssyntax, die sich auf “[ ]” für die Eigenschaftsbindung und “( )” für die Ereignisbindung konzentriert
  • Viele Kernfunktionalitäten haben sich zu Modulen entwickelt
  • Angular empfiehlt die Verwendung der TypeScript-Sprache von Microsoft, mit der die folgenden Funktionen eingeführt werden
  • TypeScript ist eine Obermenge von ECMAScript 6 (ES&) und ist abwärtskompatibel mit ECMAScript 5, d. h. mit JavaScript
  • Dynamisches Laden
  • Asynchrone Vorlagenkompilierung
  • Interative Rückrufe von RxJS. RxJS begrenzt die Statussichtbarkeit und das Debugging, kann aber mit reaktiven Add-Ons wie ngReact oder ngrx gelöst werden
  • Supportanwendungen über den Server
  • Eigene Suite moderner UI-Komponenten, die für das Web, Mobile und Desktop geeignet sind und als Material bezeichnet werden.

Funktionen

Mithilfe von Web Workers und serverseitigem Rendering besteht die Möglichkeit auf maximale Leistung auf der Webplattform. Ferner verfügt das Framework über die Kontrollfunktion der Skalierbarkeit. Indem Datenmodelle auf RxJS Immutable.js oder einem anderen Push-Modell erstellt werden, können riesige Datenanforderungen erfüllt werden.
Es können Funktionen mit einfachen und deklarativen Vorlagen erstellt werden. Mit der Vorlagensprache können eigene Komponenten erweitert und eine Vielzahl vorhandener Komponenten verwendet werden. Mit nahezu jeder IDE und jedem Editor können sehr gute Apps erstellt werden, anstatt diese Funktion mit dem Code zum Laufen zu bringen.

In seiner aktuellen Form möchte Angular Console eine leicht verständliche Benutzeroberfläche für die Angular-CLI bieten. Das mentale Modell, das es durch das UI-Design von Console zu vermitteln versucht, spiegelt nur die Kernkonzepte wider, die von der CLI selbst verwendet werden. Die Spiegelung des CLIs-Modells durch eine grafische Benutzeroberfläche ist für Experten als auch für Anfänger von Vorteil, die Angular-Code schreiben.

Für geübte Entwickler besteht der Vorteil der Spiegelung der Kernkonzepte der CLIs darin, dass man die Metadaten der CLI mit JSON nicht mehr analysieren muss, um die Struktur eines Arbeitsbereichs zu verstehen.
Sowohl für Experten als auch für Anfänger ist die Verwendung einer GUI insofern von Vorteil, als sie die Anerkennung vor dem Abrufen betont. Bei dem Versuch, einen Befehl in Code auszuführen, werden die verfügbaren Befehle angezeigt und der Nutzer erkennt den gewünschten Befehl. In der Konsole werden mit den Eingaben verknüpfte Eingaben zusammen mit Inline-Dokumentation, automatischer Vervollständigung und Echtzeitvalidierung angezeigt.

Fazit

Vom Prototyp bis zur globalen Bereitstellung bietet Angular die Produktivität und skalierbare Infrastruktur, die die größten Anwendungen von Google unterstützt.


Sie haben noch Fragen?

Kontaktieren Sie uns

Kostenloser SEO-Check der OSG


Weitere Inhalte