AngularJS JavaScript-Framework

AngularJS ist ein JavaScript Framework, mit dem sich moderne Web-Applikationen unter Berücksichtigung des Model-View-Whatever-Prinzips (MVW) erstellen lassen. Die Seminarteilnehmer erhalten in diesem AngularJS-Seminar einen kompakten Einstieg in die Konzepte von AngularJS und entwickeln eine eigene Web-Applikation. Es werden die Basis-Komponenten und Konzepte von AngularJS vermittelt und aufgezeigt, wie wiederverwendbare UI-Komponenten entwickelt werden. Neben praxisbezogenen Fallbeispielen, die in erster Linie alle wichtigen Konzepte des Frameworks näher bringen, wird zudem beantwortet, was die Vor- und Nachteile von AngularJS im Vergleich zu anderen Frameworks sind, wie sich AngularJS mit anderen Frameworks verträgt, wie man serverseitige Ressourcen integriert und hoch-skalierbare Anwendung unter Mithilfe von Socket.IO und Node.js realisiert. In einem Ausblick geht das Seminar auf das Zusammenspiel mit Java EE und z.B. RedHat WildFly ein. Die Teilnehmer erwerben in diesem Kurs ein fundiertes Basiswissen in AngularJS und lernen Konzepte, Komponenten und Lösungsmuster von AngularJS kennen. Darunter fallen auch im Programmieralltag nützliche Tipps und Best-Practices, z.B. eine optimale Code-Organisation in größeren Anwendungen, Cross-Browser-Kompatibilität und Suchmaschinenoptimierung.

Inhalte des Seminars

Grundlagen

• Konzepte von AngularJS
• Einführung in Model View Controller (MVC)
• Model View ViewModel (MVVM) vs. MVC
• Data-driven Design
• Konzept deklarativer HTML-Vorlagen
• Einstieg in die Programmierung mit AngularJS

Controls hinzufügen

• Zwei-Wege-Datenbindung
• Controller
• Die Rolle von JavaScript
• Platzhalter für Daten

Erstellung wiederverwendbarer HTML-Elemente mit Direktiven

• AngularJS Direktiven
• Vordefinierte Direktiven in AngularJS
• Eigene Direktiven definieren

Module und Dependency

• AngularJS-Module erstellen
• Abhängigkeiten zw. Komponenten auflösen (Dependency Injection)

Backend erstellen

• Single-Page-Anwendung (SPA) mit Deep-Linking
• Formulare und Validierung
• Client-Server-Kommunikation mit REST
• Zusammenspiel mit socket.io und node.js

Komponenten erstellen

• Richtlinien
• Wiederverwendbare Komponenten
• Lokalisierung

Werkzeuge und Workflows

• Vergleich mit anderen Frameworks
• Performance-Tuning
• Testen, Debuggen und Fehlerbehandlung
• Praktische Übungen