Fortgeschrittene Programmierung mit Angular

Weiterbildung

4-Wochen-Kurs

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.

Inhalt

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