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