it innovations.de

AngularJS

IT - Kurs / Seminar / Schulung / Workshop / Training

Angular JS ist ein clientseitiges JavaScript-Webframework zur Erstellung von Single-Page-Webanwendungen.

Mit AngularJS werden normalerweise Webapplikationen gebaut. In AngularJS wird alles per JavaScript gerendert, womit Suchmaschinen bis heute noch ihre Probleme haben. Single-Page-Webanwendungen bedeuten, dass die meisten Daten beim ersten Aufruf laden. Bei einer Änderung der URL wird nicht mehr die komplette Seite aktualisiert, sondern nur noch neue benötigte Daten per Ajax nachgeladen. Man nennt AngularJS opinionated, weil es viele Vorgaben macht, wie man das Framework nutzen sollen. 

Aktuelle Version von AngularJs ist 1.6.0 (Download)


AngularJs - Was kann es?

  • Zwei­-Wege­-Datenbindung
  • Ein-Weg-Datenbindung
  • Erweiterung von HTML
  • Abstraktion von Low-Level-Operationen
  • Lesbarkeit des HTML-Codes
  • Sehr gute Testbarkeit

     

Zwei-Wege-Datenbindung bezieht sich auf die Synchronisation der Daten zwischen View und Model. Wenn man in der View Daten ändern, werde diese auf die Datenstruktur im Model übertragen. Wenn die Datenstruktur im Model verändert wird, wird die Anzeige der View entsprechend angepasst.

Als Template-Sprache setzt AngularJS auf erweiterbares HTML. Man kann zu HTML eigene Tags und Attribute hinzufügen. Zum Beispiel könnte man ein neues Tag erstellen, das intern mehrere Div-Elemente erzeugt.

Low-Level-Operationen: Wenn jQuery benutzt wird, muss man immer wieder die gleichen Dinge tun - DOM-Manipulationen/-Selektionen. Hat man ein neues Element in ein Array eingefügt, muss man in jQuery selbst dafür sorgen, dass man z.B. die entsprechende Liste im DOM finden (Selektion) und auch dort das Element eintragen (Manipulation). Mit AngularJS beschreibt man nur, dass eine Liste im DOM mit einem Array verknüpfen wollen. Ab da synchronisiert AngularJS diese selbständig. Keine überflüssigen IDs und Klassen. Kein Boilerplate-Code mehr.

Der ursprüngliche Autor, Miško Hevery, hat großen Wert auf Testbarkeit gelegt. Dies bezieht sich nicht nur auf die sehr gute Testabdeckung für das Framework selbst. Auch der Entwickler selbst soll seine Anwendung einfach testen können. Wenn man sich an den Angular-Weg hält, sind Tests wirklich sehr einfach zu schreiben.


Angular 2

Das Kern-Team von Angular 2 hat die finale Version Angular 2.0.0 im Google Meetup vorgestellt.

Den Nachfolger des Frameworks AngularJS nennt man jetzt bewusst Plattform, da es nun ein ganzes Öko-System bietet um Entwickler produktiver zu machen.

Auch die Geschwindigkeit wurde um ein vielfaches, im Vergleich zu Angular, verbessert. Features wie Ahead-of-Time Kompilierung und Lazy-Loading sind nun ein fester Bestandteil von Angular 2. Extra hervorgehoben hierbei wurden ebenfalls die Fortschritte im Styleguide und dem Generator Angular-CLI.

Für weitere Informationen zu Angular 2 hier.