Ein Blick auf das Aurelia-Framework

Aurelia im Überblick

Sebastian Springer


Aurelia bezeichnet sich selbst zu Recht als ein modernes Framework. Es setzt grundlegend auf den aktuellen JavaScript-Sprachstandard, wobei vor allem das Modul- und Klassenkonzept von JavaScript zum Einsatz kommen. Die gute Nachricht für alle Entwickler, die sich mit älteren und/oder ungeliebten Browsern herumschlagen müssen: Aurelia bemüht sich, auch den Internet Explorer in der Version 9 zu unterstützen. Hierzu sind zwar zusätzliche Polyfills erforderlich, trotzdem ist das ein wichtiger Faktor für den Einsatz in größeren Unternehmen.

Bei der Architektur des Frameworks setzen die Entwickler auf bekannte und etablierte Standards wie einen MVVM-Aufbau, Modularisierung und Dependency Injection. Das Framework kommt – ähnlich wie AngularJS – hauptsächlich in Single-Page-Applikationen zum Einsatz, da es hier seine volle Stärke ausspielt, indem es den Application State verwaltet und mit einem Router zwischen verschiedenen States wechselt. Haben Sie als Entwickler bereits Erfahrung mit anderen modernen Frameworks sammeln können, werden Ihnen viele der Konzepte von Aurelia bekannt vorkommen. Der Einstieg in das Framework gestaltet sich dann relativ komfortabel, und Sie erzielen schnell Fortschritte in der Entwicklung.

Setup

Das grundsätzliche Tooling für Aurelia basiert auf Node.js und Git. Sie sollten also beide Werkzeuge auf Ihrem Entwicklungssystem installiert haben, bevor Sie mit der eigentlichen Entwicklung einer Applikation beginnen. Die Entwickler von Aurelia haben mit dem Navigation Skeleton eine Art „Hello World“-Applikation für einen schnellen Einstieg in das Framework geschaffen. Die Grundlagen hierfür können Sie entweder herunterladen [1] oder sich über einen Yeoman-Generator erzeugen lassen. Diese Skeleton-Applikation enthält eine voll funktionsfähige Aurelia-Applikation, bei der die wichtigsten Komponenten bereits zusammengefügt sind. Auf dieser Struktur können Sie direkt mit der Entwicklung ihrer eigenen Applikation beginnen.

Die Skeleton-Applikation nutzt gulp als Build-System. Bevor Sie also mit der Entwicklung beginnen, müssen Sie mit den Kommandos npm install --g gulp und npm install --g jspm gulp und JSPM installieren. Primär dient dieses System dazu, den Quellcode aus ECMAScript 6 in ECMAScript 5 zu übersetzen und für die Entwicklung einen Webserver auf dem lokalen Port 9000 zu starten. Mit dem Kommando gulp watch starten Sie das Entwicklungssystem und können dann in Ihrem Browser über http://localhost:9000 auf die Applikation zugreifen. Die Wa...

Ein Blick auf das Aurelia-Framework

Aurelia im Überblick

Sebastian Springer


Aurelia bezeichnet sich selbst zu Recht als ein modernes Framework. Es setzt grundlegend auf den aktuellen JavaScript-Sprachstandard, wobei vor allem das Modul- und Klassenkonzept von JavaScript zum Einsatz kommen. Die gute Nachricht für alle Entwickler, die sich mit älteren und/oder ungeliebten Browsern herumschlagen müssen: Aurelia bemüht sich, auch den Internet Explorer in der Version 9 zu unterstützen. Hierzu sind zwar zusätzliche Polyfills erforderlich, trotzdem ist das ein wichtiger Faktor für den Einsatz in größeren Unternehmen.

Bei der Architektur des Frameworks setzen die Entwickler auf bekannte und etablierte Standards wie einen MVVM-Aufbau, Modularisierung und Dependency Injection. Das Framework kommt – ähnlich wie AngularJS – hauptsächlich in Single-Page-Applikationen zum Einsatz, da es hier seine volle Stärke ausspielt, indem es den Application State verwaltet und mit einem Router zwischen verschiedenen States wechselt. Haben Sie als Entwickler bereits Erfahrung mit anderen modernen Frameworks sammeln können, werden Ihnen viele der Konzepte von Aurelia bekannt vorkommen. Der Einstieg in das Framework gestaltet sich dann relativ komfortabel, und Sie erzielen schnell Fortschritte in der Entwicklung.

Setup

Das grundsätzliche Tooling für Aurelia basiert auf Node.js und Git. Sie sollten also beide Werkzeuge auf Ihrem Entwicklungssystem installiert haben, bevor Sie mit der eigentlichen Entwicklung einer Applikation beginnen. Die Entwickler von Aurelia haben mit dem Navigation Skeleton eine Art „Hello World“-Applikation für einen schnellen Einstieg in das Framework geschaffen. Die Grundlagen hierfür können Sie entweder herunterladen [1] oder sich über einen Yeoman-Generator erzeugen lassen. Diese Skeleton-Applikation enthält eine voll funktionsfähige Aurelia-Applikation, bei der die wichtigsten Komponenten bereits zusammengefügt sind. Auf dieser Struktur können Sie direkt mit der Entwicklung ihrer eigenen Applikation beginnen.

Die Skeleton-Applikation nutzt gulp als Build-System. Bevor Sie also mit der Entwicklung beginnen, müssen Sie mit den Kommandos npm install --g gulp und npm install --g jspm gulp und JSPM installieren. Primär dient dieses System dazu, den Quellcode aus ECMAScript 6 in ECMAScript 5 zu übersetzen und für die Entwicklung einen Webserver auf dem lokalen Port 9000 zu starten. Mit dem Kommando gulp watch starten Sie das Entwicklungssystem und können dann in Ihrem Browser über http://localhost:9000 auf die Applikation zugreifen. Die Wa...

Neugierig geworden?


    
Loading...

Angebote für Teams

Für Firmen haben wir individuelle Teamlizenzen. Wir erstellen Ihnen gerne ein passendes Angebot.

Das Library-Modell:
IP-Zugang

Das Company-Modell:
Domain-Zugang