Kursbeschreibung

AngularJS ist ein Framework für die Entwicklung von Webanwendungen. Es basiert auf der Programmiersprache JavaScript und verwendet das Model-View-Controller (MVC) und das Model-View-ViewModel (MVVM) Architekturmuster, um die Entwicklung von dynamischen, responsiven und interaktiven Webanwendungen zu erleichtern. AngularJS bietet viele Funktionen wie Datenbindung, Dependency Injection, Directives und Services, die die Entwicklung von komplexen Anwendungen erleichtern.

- Template-Driven Forms
- Grundlagen zu Formularen
- NgModel im Detail
- Validierungen
- Model-Driven Forms: Formulare dynamisch in der Applikationslogik definieren
- Aktivierung der Model-Driven Forms
- Task-Formular im modellgetriebenen Ansatz
- Formulare und Kontrollelemente auf Änderungen überwachen
- Routing: Navigation innerhalb der Anwendung
- Routenkonfiguration
- Location-Strategien: »schöne URLs« vs. »Routing ohne Server-Konfiguration«
- Verschachtelte Routenkonfigurationen erstellen
- Styling des aktiven Links
- Dynamische Adresszeilenparameter auswerten
- Routen absichern und die Navigation generisch beeinflussen
- Redirects und Wildcard-URLs
- Statische Metadaten an Routen hinterlegen
- Router-Tree und Router-Events
- Mehrere Router Outlets
- HTTP: Anbindung von Angular-Applikationen an einen Webserver
- Reaktive Architekturen mit RxJS
- Komponenten- und Unit-Tests: das Angular-Testing-Framework
- Unit- und Komponenten-Tests in Angular-Anwendungen
- Isolierte Komponenten testen
- Mocks und Spies
- Services und HTTP-Backends testen
- Formulare testen
- Routing-Funktionalität testen
- Cypress: komfortable Integrationstests für Ihre Anwendung
- Cypress zum Projekt hinzufügen und ausführen
- Cypress konfigurieren
- Selektoren, Interaktion mit Elementen und weitere Assertion-Typen
- NgModule und Lazy-Loading: Modularisierung Ihrer Anwendungen
- Feature-Module: Teilbereiche der Applikation kapseln
- Shared-Modules
- Module per Component
- Lazy-Loading von Applikationsbestandteilen
- Internationalisierung: mehrsprachige Angular-Anwendungen implementieren
- Einrichtung des i18n-Frameworks
- Eigene Übersetzungsschlüssel definieren
- Description und Meaning: Metadaten für Übersetzer übergeben
- Pluralisierung und geschlechtsspezifische Texte
- Material Design und Angular Material
- NPM-Librarys und Mono-Repos:
- Angular-Komponenten als WebComponents bereitstellen
- Docker: Die Anwendung im Container deployen
- Deployment über nginx
- Multi-Stage Builds
- Die Anwendung über Umgebungsvariablen konfigurieren
- Server-Side Rendering
- Das Angular-Projekt für das Server-Side Rendering vorbereiten
- Die State-Transfer-API
- Suchmaschinen-Optimierung und Einbindung in Social-Media-Seiten