Definition „Angular Framework“ Wofür und wie wird Angular verwendet?

Anbieter zum Thema

Windhoff Group

Das Open-Source-Framework Angular wurde entwickelt, um das Erstellen von Single-Page-Anwendungen zu erleichtern und zu beschleunigen. Das Framework hat seine Ursprünge im 2010 von Google veröffentlichten AngularJS.

2016 wurde Angular als Neuentwicklung von AngularJS abgespalten und wird seitdem laufend weiterentwickelt. Inzwischen zählt es zu einem der beliebtesten Frameworks für Front-End-Development in der Webentwicklung.

Der Zweck hinter Angular ist die einfache und skalierbare Entwicklung von Single-Page-Anwendungen (single-page applications, SPAs). Eine SPA ist eine Webanwendung, die aus nur einem HTML-Dokument besteht, aber teils sehr umfassende Funktionen besitzt. Die Umsetzung auf nur einer Seite hat den Vorteil, dass die Seite nie komplett neu geladen werden muss.

Stattdessen werden bei Bedarf die nötigen Elemente und Informationen dynamisch geladen oder manipuliert, um alle nötigen Funktionen abzubilden. Es werden also nur diejenigen Daten geladen, die aktuell tatsächlich angezeigt werden sollen. Eine klassische Webanwendung würde hierfür mehrere Unterseiten verwenden und aus diesem Grund möglicherweise längere Ladezeiten und eine schlechtere Benutzererfahrung (User Experience, UX) bieten.

Angular als Plattform

Inzwischen ist Angular mehr als nur ein Framework. Es umfasst auch verschiedene Bibliotheken Entwicklertools, die beim Entwickeln, Testen und Warten eines Projektes helfen. So sollen alle Projekte von der einzelnen Webseite bis hin zu großen Anwendungen auf Unternehmensebene komfortabler entwickelt werden können. Das Framework ist in der Industrie so relevant, dass es weltweit viele Weiterbildungsangebote dafür gibt. Außerdem gibt es eine große Community rund um Angular, in der sich Entwickler untereinander austauschen.

Wie arbeitet Angular?

Angular basiert auf vier wesentlichen Konzepten:

• Templates: Die optische Darstellung von Komponenten kann in einem Template definiert werden. Das Template wird in HTML verfasst und befasst sich mit der Darstellung eines kleinen Ausschnitts der gesamten Oberfläche.

• Components: Komponenten sind die Grundbausteine einer Angular-Anwendung. Sie sind beliebig wiederverwendbar, was die Entwicklung einer Anwendung wesentlich beschleunigt. Komponenten stellen optische und funktionale Elemente bereit. Sie enthalten ein Template, eine Klasse, einen CSS-Selektor und optional eigenes CSS.

• Directives: Diese Klassen können ein Element um zusätzliche Verhaltensweisen erweitern. Attribute directives können z. B. das Verhalten oder Aussehen beeinflussen und structural directives können DOM-Elemente hinzufügen oder entfernen.

• Dependency injection: Dieses Pattern sieht vor, dass Komponenten ihre Abhängigkeiten von außen bereitgestellt bekommen. Dadurch werden Anwendungen nicht nur modularer, sondern einfacher zu testen.

Welche Vorteile und Nachteile hat Angular?

Vorteile

• Produktivität: Angular bietet viele Funktionen zur effizienten Entwicklung von SPAs. Entwicklungsteams können schneller arbeiten und veröffentlichen.

• Performance: Webanwendungen auf Basis von Angular sind im Vergleich zu klassischen Webanwendungen leistungsfähig und laden schnell, weil nur die Daten geladen werden, die für die aktuelle Ansicht gebraucht werden.

• Kompatibilität: Angular ist mit gängigen Web-Technologien wie HTML, CSS, JavaScript, TypeScript und Node.js kompatibel und damit gut in vorhandene Systeme integrierbar.

• Community: Angular hat eine sehr große und aktive Community, die sich gegenseitig unterstützt und vielfältige Ressourcen für Entwickler anbietet.

• Testbarkeit: Angular-Anwendungen sind modular strukturiert, sodass sie leicht zu testen sind. Angular unterstützt Entwickler beim Testen, z. B. mit Dependency Injection oder Mocking.

Nachteile

• Hohe Komplexität: Angular ist ein vergleichsweise umfangreiches und komplexes Framework mit vielen Funktionen. Das macht es vielseitig und leistungsfähig, aber auch kompliziert.

• Hohe Einstiegshürde: Aufgrund seiner Komplexität ist es für die Arbeit mit Angular zu empfehlen, dass Entwickler zunächst Zeit investieren, um sich mit den Grundlagen des Frameworks zu befassen.

• Leistung: Angular-Anwendungen können mit zunehmender Größe oder Komplexität vor allem durch häufige Datenabfragen langsamer werden, wenn dem nicht aktiv vorgebeugt wird.

Welche Kenntnisse braucht ein Entwickler für Angular?

Um mit Angular zu arbeiten, werden zumindest Grundkenntnisse in HTML, CSS, JavaScript und TypeScript empfohlen. HTML und CSS sind Grundlagen dafür, dass die Inhalte einer Webseite dargestellt und optisch aufbereitet werden können. JavaScript und TypeScript dienen der Programmierung der Webanwendung. Zudem sollte man sich in die Funktionsweise von Angular einarbeiten, um das Framework richtig anwenden zu können.

JavaScript oder TypeScript?

Angular ist seit seiner Erstveröffentlichung 2016 in TypeScript umgesetzt. Zu diesem Zeitpunkt wurde Angular von seinem in JavaScript geschriebenen Ursprung AngularJS abgespalten und als eigenständiges Framework entwickelt. Wer mit Angular arbeiten möchte, hat es daher am einfachsten, wenn er in TypeScript arbeitet. TypeScript baut allerdings auf JavaScript auf und erweitert es, weshalb Kenntnisse in JavaScript von Vorteil sind.

JavaScript gilt als schwach typisierte Sprache. TypeScript erweitert die Syntax so, dass es zu einer stark typisierten Sprache wird. Gleichzeitig kann TypeScript in JavaScript umgewandelt werden und funktioniert somit überall, wo auch JavaScript funktioniert - also in jedem modernen Browser, der die Ausführung von JavaScript erlaubt.

Fazit

Angular ist eines der gängigsten Frameworks zur Entwicklung von Single-Page-Anwendungen. Anders als vergleichbare Frameworks wie VueJS oder ReactJS zielt Angular vorrangig auf Entwicklung im professionellen Umfeld ab. Es legt einige seiner Schwerpunkte auf Skalierbarkeit und fest definierte Strukturen, damit auch wachsende Entwicklungsteams sauber und effizient mit der Technologie arbeiten können.

Das macht das Framework allerdings im Vergleich zu anderen Produkten umfangreicher und somit nicht für jede Projektgröße zur ersten Wahl. Für Softwarelösungen, die langfristig wartbar und ausbaufähig bleiben sollen, greifen viele Unternehmen weltweit dennoch zu Angular, weil es genau in diesen Bereichen viele Stärken mit sich bringt.

(ID:49893337)