© prettyboy80/Shutterstock.com
Mobile Technology
Mit AngularJS-Modulen Problemstellungen bei der Entwicklung von Webapplikationen lösen

Ein Modul für alle Fälle

AngularJS ist momentan eines der populärsten JavaScript-Frameworks, wenn es darum geht, umfangreiche Webapplikationen zu erstellen. Und genau da fangen die Probleme an. AngularJS ist lediglich das Basisframework und bietet Ihnen eine Reihe von Hilfsmitteln. Dies geht allerdings nur begrenzt weit, denn das Framework stellt keine Universallösung für sämtliche Probleme dar. Allerdings können einige dieser Schwierigkeiten mit verschiedenen AngularJS-Modulen bearbeitet werden.

Sebastian Springer


AngularJS sieht einen modularen Aufbau von Applikationen vor, sodass es ein Leichtes ist, wiederverwendbare Komponenten zu erstellen. So hat sich um das Framework eine rege Community gebildet, die sehr aktiv an der Entwicklung verschiedenster Erweiterungen arbeitet. Im Zuge dieses Artikels möchte ich Ihnen einige der häufigsten Problemstellungen bei der Entwicklung von Webapplikationen und die dazu passenden AngularJS-Module vorstellen.

Einbindung von Modulen

Die Vorgehensweise bei der Einbindung externer Module ist stets – bis auf einige modulspezifische Besonderheiten – die gleiche. Zunächst müssen Sie sich das Modul herunterladen. Diese Aufgabe können Sie sich vereinfachen, wenn Sie den Paketmanager Bower [1] verwenden, dessen Installation und Verwendung in der Dokumentation des Werkzeugs detailliert beschrieben wird. Haben Sie Bower installiert, müssen Sie nur noch den Namen des zu installierenden Pakets kennen. Das Herunterladen und Speichern übernimmt dann Bower für Sie. Ein weiterer Dienst, den Ihnen Bower bietet, ist die Auflösung von Abhängigkeiten. Wird beispielsweise für ein bestimmtes Modul die jQuery-Bibliothek benötigt, sorgt Bower dafür, dass diese ebenfalls heruntergeladen wird. Egal, ob Sie die AngularJS-Module mit oder ohne Bower installieren, wichtig ist nur, dass die erforderlichen Dateien auf Ihrem Server verfügbar sind.

Nachdem Sie die Dateien heruntergeladen und in Ihrer Applikation gespeichert haben, müssen Sie die Dateien mittels eines script-Tags in Ihre Seite einbinden. Wächst Ihre Applikation und strukturieren Sie sie über mehrere Dateien hinweg, benötigen Sie sehr viele script-Tags, was früher oder später unübersichtlich werden kann. Hinzu kommt, dass in manchen Fällen die Reihenfolge der script-Tags eine Rolle spielt. So muss AngularJS geladen sein, bevor Sie ein AngularJS-Modul einbinden. Ein Hilfsmittel, das Sie bei diesen Problemen unterstützt, ist RequireJS [2]. Diese kleine Bibliothek bietet Ihnen einen Modul-Loader, der sich darum kümmert, alle benötigten Dateien zu laden und Abhängigkeiten unter den Dateien aufzulösen. Als Bonus erhalten Sie außerdem noch einen Optimizer, der Ihre JavaScript-Applikation und sämtliche Bibliotheken zu einer einzigen Datei zusammenfasst, diese optimiert und sämtliche unnötigen Zeichen entfernt. Auch hier gilt: RequireJS wird nicht zwingend benötigt, wenn Sie Applikationen mit AngularJS bauen, es erleichtert Ihnen lediglich die Arbeit.

Die meisten AngularJS-Module werden durch einen Aufruf v...

Mobile Technology
Mit AngularJS-Modulen Problemstellungen bei der Entwicklung von Webapplikationen lösen

Ein Modul für alle Fälle

AngularJS ist momentan eines der populärsten JavaScript-Frameworks, wenn es darum geht, umfangreiche Webapplikationen zu erstellen. Und genau da fangen die Probleme an. AngularJS ist lediglich das Basisframework und bietet Ihnen eine Reihe von Hilfsmitteln. Dies geht allerdings nur begrenzt weit, denn das Framework stellt keine Universallösung für sämtliche Probleme dar. Allerdings können einige dieser Schwierigkeiten mit verschiedenen AngularJS-Modulen bearbeitet werden.

Sebastian Springer


AngularJS sieht einen modularen Aufbau von Applikationen vor, sodass es ein Leichtes ist, wiederverwendbare Komponenten zu erstellen. So hat sich um das Framework eine rege Community gebildet, die sehr aktiv an der Entwicklung verschiedenster Erweiterungen arbeitet. Im Zuge dieses Artikels möchte ich Ihnen einige der häufigsten Problemstellungen bei der Entwicklung von Webapplikationen und die dazu passenden AngularJS-Module vorstellen.

Einbindung von Modulen

Die Vorgehensweise bei der Einbindung externer Module ist stets – bis auf einige modulspezifische Besonderheiten – die gleiche. Zunächst müssen Sie sich das Modul herunterladen. Diese Aufgabe können Sie sich vereinfachen, wenn Sie den Paketmanager Bower [1] verwenden, dessen Installation und Verwendung in der Dokumentation des Werkzeugs detailliert beschrieben wird. Haben Sie Bower installiert, müssen Sie nur noch den Namen des zu installierenden Pakets kennen. Das Herunterladen und Speichern übernimmt dann Bower für Sie. Ein weiterer Dienst, den Ihnen Bower bietet, ist die Auflösung von Abhängigkeiten. Wird beispielsweise für ein bestimmtes Modul die jQuery-Bibliothek benötigt, sorgt Bower dafür, dass diese ebenfalls heruntergeladen wird. Egal, ob Sie die AngularJS-Module mit oder ohne Bower installieren, wichtig ist nur, dass die erforderlichen Dateien auf Ihrem Server verfügbar sind.

Nachdem Sie die Dateien heruntergeladen und in Ihrer Applikation gespeichert haben, müssen Sie die Dateien mittels eines script-Tags in Ihre Seite einbinden. Wächst Ihre Applikation und strukturieren Sie sie über mehrere Dateien hinweg, benötigen Sie sehr viele script-Tags, was früher oder später unübersichtlich werden kann. Hinzu kommt, dass in manchen Fällen die Reihenfolge der script-Tags eine Rolle spielt. So muss AngularJS geladen sein, bevor Sie ein AngularJS-Modul einbinden. Ein Hilfsmittel, das Sie bei diesen Problemen unterstützt, ist RequireJS [2]. Diese kleine Bibliothek bietet Ihnen einen Modul-Loader, der sich darum kümmert, alle benötigten Dateien zu laden und Abhängigkeiten unter den Dateien aufzulösen. Als Bonus erhalten Sie außerdem noch einen Optimizer, der Ihre JavaScript-Applikation und sämtliche Bibliotheken zu einer einzigen Datei zusammenfasst, diese optimiert und sämtliche unnötigen Zeichen entfernt. Auch hier gilt: RequireJS wird nicht zwingend benötigt, wenn Sie Applikationen mit AngularJS bauen, es erleichtert Ihnen lediglich die Arbeit.

Die meisten AngularJS-Module werden durch einen Aufruf v...

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