Angular

Copyright © Shutterstock / Trismegist san

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

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