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.

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. [/tab][/tabs]