Skip to content

Angular

Inhaltsverzeichnis

Angular ist ein Open-Source-Framework für Frontend-Webanwendungen. Es wird vom Angular-Team bei Google geleitet und hat eine TypeScript-basierte Struktur. Das gleiche Team, das AngularJS entwickelt hat, hat auch diese Version von Angular vollständig geschrieben.

Entwicklung von Angular

Die neue Version von AngularJS wurde vom Team zunächst als “Angular2” bezeichnet, was bei den Entwicklern jedoch zu Verwirrung führte. Um die Dinge zu klären, gab das Team bekannt, dass für jedes Framework unterschiedliche Bezeichnungen verwendet werden sollten; “AngularJS” würde sich auf die älteren Versionen beziehen und ohne “JS” auf die nachfolgenden Versionen 2 und höher.

Angular Logo

angular
Connectly Angular 2

Quelle: https://angular.io/presskit

Angular Version 2

Angular 2 wurde im Oktober 2014 als Version 2.0 auf der ng-Europe Konferenz angekündigt. Die bedeutenden Änderungen in Angular 2 haben unter den Entwicklern eine Menge Diskussionen ausgelöst. Im April 2015 gaben die Ingenieure bekannt, dass Angular 2 vom Alpha- zum Developer Preview-Status aufgestiegen ist. Im Dezember 2015 wurde der erste Release Candidate für Angular 2 veröffentlicht. Die offizielle Version wurde im September 2016 veröffentlicht.

Angular Version 4

Angular4 wurde im Dezember 2016 angekündigt und im darauffolgenden März veröffentlicht. Der Grund für die übersprungenen Versionsnummern (von Angular2 direkt zu Angular4) liegt in der Verwirrung, die durch eine falsche Ausrichtung der Versionen des Router-Pakets entstanden sein könnte; v3.3.0 war zu diesem Zeitpunkt bereits veröffentlicht. Auch wenn es einen anderen Namen trägt, ist Angular4 abwärtskompatibel mit seinen Vorgängern.

  • Die neuere Version, 4.3, hat größtenteils unwichtige Änderungen, kann aber 4.2 ersetzen. Einige der neuen Funktionen in v4.3 sind: eine Einführung in HttpClient und eine kleinere, aber leistungsfähigere Bibliothek für HTTP-Anwendungen.
  • Der Router hat jetzt vier neue Ereignisse für Guards und Resolver: GuardsCheckStart, GuardsCheckEnd, ResolveStart und ResolveEnd. Diese ergänzen die bestehenden Lebenszyklusereignisse wie NavigationStart.
  • Animationen können deaktiviert werden, wenn das Gerät nicht in Gebrauch ist, wenn sich ein Benutzer auf einem anderen Computer bei einem ActiveSync-aktivierten Konto auf Ihrem iPad anmeldet oder unter anderen Bedingungen.

 

Angular Version 5

Die vierte Version des Frameworks, bekannt als Angular5, wurde im November 2017 veröffentlicht. Zu den bemerkenswerten Neuerungen dieser Version gehören die Unterstützung für progressive Web-Apps, ein Build-Optimierer und Änderungen am Material Design.

Angular Version 6

Am 4. Mai 2018 wurde Angular6 für die Öffentlichkeit freigegeben. Mit dem Schwerpunkt auf der Toolchain und der Vereinfachung der Angular-Nutzung in der Zukunft enthält diese wichtige Veröffentlichung Updates wie: ng add, ng update, Angular-Elemente, React-Komponenten und CLI-Workspaces. Ebenfalls erwähnenswert sind RxJS v6 Animationen und Leistungsoptimierungen für Stadien.

Angular Version 7

Am 18. Oktober 2018 wurde Version 7 veröffentlicht. Verbesserungen der Anwendungsleistung, Angular Material + CDK, virtuelles Scrollen und leichterer Zugang zu Selects unterstützen jetzt die Projektion von Inhalten mit Webstandards für benutzerdefinierte Elemente und Updates für TypeScript 3.1, RxJS 6.3, Node 10-Abhängigkeiten (unterstützt weiterhin Node 8).

Release von Ivy

Eine der besten Neuerungen ist Ivy, eine neue Rendering-Engine, die auf der inkrementellen DOM-Architektur basiert. Das Tolle an Ivy ist, dass es mit Blick auf das Tree Shaking entwickelt wurde. Das bedeutet, dass Ihre Anwendung nur die Teile des Quellcodes enthält, die tatsächlich verwendet werden.

Unterschiede zwischen Angular und AngularJS

Das Angular-Framework ist eine vereinfachte Neufassung des ursprünglichen AngularJS.

  • Das Angular-Framework verwendet eine Komponentenhierarchie als primäres architektonisches Merkmal und nicht etwa einen Bereich oder Controller.
  • Die neue Syntax hat eine eigene Ausdruckssyntax, die “,” für die Eigenschaftsbindung und “),” für die Ereignisbindung hervorhebt.
  • Viele Funktionen wurden zu Modulen entwickelt.
  • Auf der Angular-Website wird die Verwendung der Sprache TypeScript von Microsoft für die folgenden Funktionen vorgeschlagen:
  • TypeScript ist eine Obermenge von ECMAScript 6, d.h. es unterstützt alle Funktionen dieser Versionen und bietet darüber hinaus zusätzliche Möglichkeiten.
  • Es hat eine zweistufige Architektur mit schnell ladenden Seiten und Elementen im Hintergrund.
  • Die asynchrone Kompilierung von Vorlagen kann die Leistung Ihrer Anwendung verbessern, da sie das Blockieren des Haupt-Threads vermeidet.
  • Interaktive Rückrufe von RxJS. RxJS verschleiert den Spielstatus und das Debugging, aber reaktive Erweiterungen wie ngReact oder ngrx können helfen.
  • Der Server kann zur Übermittlung von Anträgen über das Netzwerk verwendet werden.
  • Die Material-Suite von UI-Komponenten ist modern, anpassungsfähig und für die Verwendung im Web, auf mobilen Geräten und Desktop-Computern geeignet.

 

Funktionen

Auf der Webplattform besteht die Möglichkeit, mit Web Workern und Server-seitigem Rendering maximale Leistung zu erzielen. Das Framework verfügt außerdem über Funktionen zur Skalierungskontrolle. RxJS Immutable.js oder jedes andere Push-Modell kann verwendet werden, um große Datenanforderungen zu erfüllen, indem Datenmodelle darauf erstellt werden.

Sie können Funktionen mit leicht verständlichen Vorlagen erstellen. Mit der Vorlagensprache können Sie auch eigene Komponenten erstellen oder eine Vielzahl vorhandener Komponenten verwenden. Mit anderen Worten: Sie brauchen keine fortgeschrittenen Programmierkenntnisse, um großartige Anwendungen zu erstellen – jede IDE oder jeder Editor ist dafür geeignet!

Das Ziel von Angular Console ist es, eine einfach zu bedienende Benutzeroberfläche für die CLI bereitzustellen. Die Idee, die durch das UI-Design von Console vermittelt werden soll, beschränkt sich auf die grundlegenden Ideen, die von der CLI selbst verwendet werden. Sowohl für Experten als auch für Neulinge, die Angular-Code schreiben, ist eine grafische Benutzeroberfläche, die die Struktur der CLI widerspiegelt, von Vorteil.

Für erfahrene Entwickler besteht der Vorteil der Modellierung von CLIs darin, dass Sie JSON nicht mehr verwenden müssen, um Metadaten zu analysieren und die Struktur des Arbeitsbereichs zu entschlüsseln.

Die Benutzerfreundlichkeit einer grafischen Benutzeroberfläche (GUI) ist sowohl für Experten als auch für Neulinge von Vorteil, da sie das Erkennen vor dem Abrufen in den Vordergrund stellt. Bei der Bedienung von Code werden die verfügbaren Optionen angezeigt und der Benutzer identifiziert den gewünschten Befehl. In der Konsole sind die Eingaben mit den Eingaben verbunden, ebenso wie die Inline-Dokumentation, die Autovervollständigung und die Validierung in Echtzeit.

Weitere IT-Begriffe aus unserem IT-Lexikon

Das IT-Lexikon für IT-Begriffe

In unserem Lexikon finden Sie Definitionen, Beschreibungen und verständliche Erklärungen zu den relevantesten Fachbegriffen rund der IT-Branche.

Lassen Sie uns darüber sprechen!