Kursüberblick
Im Seminar "Advanced Angular Development" bringen wir Ihre Angular Kenntnisse auf Experten-Level. Grosses Augenmerk legen wir darauf, in den Demos & Labs aktuelle Coding-Styles & Patterns zu verwenden. Wir besprechen mögliche Refactorings & Schematics für die Migration bestehender Lösungen und setzen dies fallweise in Form von Live-Coding um. Wir beginnen mit der Implementierung eines Angular Material Themes und lernen dabei die Kurs-Demo-App kennen, welche wir im Laufe des Kurses erweitern. Standalone Components sowie, deren Konzepte und Migration bilden den Einstieg ins Module Components & Forms Deep Dive. Ein Schwerpunkt des Kurses ist der Themenblock Reactive Programming mit RxJs und State Management mit NgRx, sowie Advanced Routing und App Initialization. Wir diskutieren die Implementierung von Authentifizierung mit Cloud Identities und Tests mit Jasmine, Jest, Cypress. Zusätzlich behandeln wir die Themen Reusability mit Libraries, Schematics, Nx & Angular Elements und Optimierung von Anwendungen, Server Side Rendering, sowie A11y. Zum Abschluss implementieren wir ein Real Time connected Mikro-Frontend als Progressive Web App und publizieren Angular Apps in die Cloud mittels Containern und Config Injection.
Zielgruppe
Angular Entwickler welche ihre Kenntnisse vertiefen wollen.
Voraussetzungen
Kenntnisse in folgenden Angular Themen werden vorausgesetzt:
- Environment & Tools Setup and Introduction
- TypeScript Fundamentals
- Angular Project Configuration & CLI
- Understanding Fundamentals & Completing Basic Tasks
- Routing & Modularity
- Basics of Building a Responsive User Interface using Material
- Form Design & Validation
- Data Access
- Observables Basic Understanding
- Basic Unit Testing
Diese werden im Seminar Angular Single Page Application (SPA) Development (NGBASICS) vermittelt.
Kenntnisse im Umgang mit Git
Kursziele
Nach Abschluss des Kurses haben die Teilnehmer Kenntnisse zu folgenden Themen:
- Theming Angular Apps
- Standalone Components: Concepts & Migration
- Components & Forms Deep Dive
- Mastering Reactive Programming using Signals & RxJs
- Advanced State Management using NgRx
- Advanced Routing and App Initialization
- Securing Angular using Cloud Identities
- Advanced Testing with Jasmine, Jest, Cypress and NgRx
- Reusability with Libraries, Schematics, Nx & Angular Elements
- Optimizing Applications & Server Side Rendering & A11y
- Implementing & publishing a Real Time connected Micro-Frontend as a Progressive Web App
- Publishing Angular Apps to the Cloud using Containers and Config Injection
Neue Themengebiete werden anhand von Folien und Demos erarbeitet. Das Kursmaterial wird per GitHub verteilt und den Teilnehmern wird empfohlen das Repository zu forken, um alle während des Kurses gemeinsam erarbeiteten Änderungen jederzeit per Update integrieren zu können. Am Ende der Module werden die erlernten Inhalte als Lab in eine durchgängige Anwendung integriert, welches am Ende in die Cloud publiziert werden kann.
Kursinhalt
- Theming Angular Apps
- Standalone Components: Concepts & Migration
- Components & Forms Deep Dive
- Mastering Reactive Programming using Signals & RxJs
- Advanced State Management using NgRx
- Advanced Routing and App Initialization
- Securing Angular using Cloud Identities
- Advanced Testing with Jasmine, Jest, Cypress and NgRx
- Reusability with Libraries, Schematics, Nx & Angular Elements
- Optimizing Applications & Server Side Rendering & A11y
- Implementing & publishing a Real Time connected Micro-Frontend as a Progressive Web App
- Publishing Angular Apps to the Cloud using Containers and Config Injection
Deutsch 
Deutschland