d0c8b77f6238c41a20c0d9643f276dad

Virtueller Produktkarton von Angular 2

Wer kennt ihn von früher nicht – den klassischen Produktkarton einer Software. Mit dem Kauf eines sogn. ‚Softwarekarton‘ erhielt man früher die ganze Anwendung, d.h. Datenträger (Diskette, CD, DVD, etc.) und eine passende Benutzeranleitung.

Beispielhafte Softwarekartons, wie z.B. Windows XP oder die Office Suite
Beispielhafte Softwarekartons, wie z.B. Windows XP oder die Office Suite – Bild gefunden via Flickr von Hobvias Sudoneighm

Auf der Rückseite des Kartons fand man einen Überblick, was die Anwendung konnte bzw. welche Funktionalitäten (Überblick) man mit dem Produkt kaufte. Natürlich enthielt der Karton u.A. viele Marketingsprüche, damit man das Produkt im Laden dann auch tatsächlich kauft.

Dieser Blog-Artikel stellt ein virtueller Produktkarton von Angular 2, der nächsten Version von AngularJS, dar. Der Artikel besteht aus einem Mission-Statement, dessen Präzisierung sowie die Auflistung der wesentlichen Features von Angular. Der virtuelle Produktkarton von Angular 2 gibt einen leichten Einstieg ins Thema.

Mission Statement

Angular ist eine Entwicklungsplattform, um Mobile- und Desktop Anwendungen zu bauen ¹.

  • Mit Angular lassen sich unter der Berücksichtigung von modernen Web-Standards, wie z.B. die Ausrichtung nach ECMAScript 6 (ES6) oder die Unterstützung von Web Components, zukunftsgerichtete und nachhaltige Anwendungen bauen.
  • Durch den verfolgten Mobile-First Ansatz von Angular erhalten Benutzer auch mit geringerer Bandbreite das beste Nutzererlebnis.
  • Angular ist dank dem modularen Aufbau sehr einfach und schnell zu lernen – ganz nach dem Motto „Start quick, build fast„.

Wesentliche Features

  • Durch den modularen Aufbau von Angular sowie einem mobile ausgerichtetem Routing ist es möglich, den Code strukturiert und so performant zu halten, dass auch Mobile-Benutzer der Anwendung nicht warten müssen.
  • Um für die zukünftige Ausrichtung (ES6, ES7, …) von Javascript gerüstet zu sein, ist Angular komplett in Typescript geschrieben.
  • Der Entwickler ist völlig frei, mit welcher Sprache er Angular verwendet (d.h. ES5, Typescript, Dart, CoffeeScript oder eine andere Sprache die nach Javascript kompiliert wird).
  • Die Änderungserkennung ist gegenüber der Vorgängerversion 5x schneller. Der Einsatz von Angular 2 wird die Anwendung erheblich beschleunigen.
  • Mit dem Einsatz von Angular wird der Code einfach und ausdruckstark, mit dem man zukünftige Komplexität während der Entwicklung erschlagen kann.
  • Mit Angular können komplexe Ansichten abgebildet werden. Das übergreifende Routing-Konzept ermöglicht verschachtelte und verknüpfte Views. Angular unterstützt mit dem neuartigen Routing Card-Stack Navigation, animierte Übergänge sowie Lazy-Loading von abhängigen Sichten.
  • Animationen für eine Mobile-Anwendung als auch Animationen für Desktop-Anwendungen können mittels einfacher Angular Event API oder direkt via CSS, Javascript oder der Web Animation API umgesetzt werden.
  • Angular kommt mit einem leistungsstarken hierarchischen Dependency Injection (DI) Mechanismus, der feingranular geschnittene Anwendungen unterstützt, ohne dass der Entwickler mühsamen Glue-Code schreiben muss.
  • Angular unterstützt Web Components, welche u.A. auch mit Bibliotheken wie Polymer oder X-Tag gebaut wurden. Zusätzlich verwendet Angular Komponenten Web Standards wie z.B. das Konzept des Shadow DOM .
  • Mit dem Einsatz von Angular kann die Internationalisierung (i18n) sowie die Barrierefreiheit einer Anwendung (z.B. Unterstützung ARIA-Attribute) vollumfänglich unterstützt werden.

Feedback

Falls Du Fragen, Unklarheiten oder Ergänzungen zu diesem Blog-Post hast, nutze dazu einfach die Feedback-Funktion. Vielen Dank!

Nächster Artikel

Der nächste Blog-Post modelliert den System-Kontext von Angular 2.


¹ Übersetzt von Angular.io: „Angular is a development platform for building mobile and desktop applications.“

Veröffentlicht von

Patrick Roos

Patrick Roos

Mag den stetigen Wandel in der Software-Entwicklung und ist immer wieder im Squash-Court anzutreffen.

Ein Gedanke zu „Virtueller Produktkarton von Angular 2“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.