Business Applications entwickeln mit Angular

Ziele

In diesem Seminar zu Business Applications mit Angular lernen die Teilnehmenden, wie sie umfassende clientseitige Business-Webanwendungen mithilfe von HTML, CSS, JavaScript und Angular entwickeln können. Die Teilnehmer erweitern ihre Kompetenzen, indem sie Workspaces und Bibliotheken nutzen, NPM-Pakete erstellen, um Inhalte wiederverwendbar zu gestalten, und benutzerdefinierte Validatoren für Steuerelemente sowohl synchron als auch asynchron programmieren. Das Seminar bietet darüber hinaus viele weitere Themen zur Vertiefung der Kenntnisse.

Zielgruppe

Web-Entwickler, Softwareentwickler, Programmierer

Voraussetzungen

Grundlegende Erfahrung mit Angular oder Besuch des Seminar Angular Grundkurs

Agenda

Einführung

Angular und Geschäftsanwendungen

• Warum eignet sich Angular gut für die Entwicklung traditioneller webbasierter Anwendungen?
• Welche Teile des Angular-Ökosystems sind auf die Entwicklung von Business-Webanwendungen ausgerichtet?

Angular-Projekt-Strukturen

• Angular Workspaces
• Angular-Bibliotheken
• Bibliotheken in die Angular-Anwendungsentwicklung einbinden
• Gleichzeitiges Entwickeln von Anwendungen und Bibliotheken
• Verpacken und Verteilen von Angular-Bibliotheken

Angular Reactive Forms

• Reactive Forms im Vergleich zu Template Forms
• Verwendung von Form Controls, Groups und Arrays
• Was ist Form-Validierung?
• Built-in Validators
• Coding benutzerdefinierte Validators
• Validierung von Form Controls
• Validierung von Form Groups
• Validierung von Form Arrays
• Synchrone Validators
• Asynchrone Validators
• Verwendung von Promises und Observables in Validators
• Validierung von einer REST-API
• Verteilen von benutzerdefinierten Validatoren in Angular-Bibliotheken
• Anzeige von Validierungsfehlern
• Verteilen von Validierungsmeldungskomponenten in Angular-Bibliotheken
• Benutzerdefinierte Formular-Steuerelemente
• Integration von benutzerdefinierten Form-Controls in das Validierungssystem
• Verteilen von benutzerdefinierten Form-Controls in Angular-Bibliotheken

Routing

• Organisieren von Anwendungen in Lazy Loaded Module
• Lazy Loading mit Angular Router
• Verteilen von Angular-Modulen mit Angular-Bibliotheken
• Nesting Routes
• Sibiling-Routes
• Einsatz von Route Guard zur Verbesserung der Benutzerfreundlichkeit
• Wie Route Guards der Anwendungssicherheit helfen
• Wie Route Guards nicht zur Anwendungssicherheit beitragen
• Umgang mit Guard-Errors
• Preloading von Daten mit Resolvern
• Behandlung von Resolver-Fehlern
• Verteilung von Guards und Resolvern über Angular-Bibliotheken

Anwendungsstatus

• Was ist ein Anwendungsstatus?
• Persistent State vs. Temporal State
• Vermeiden von Component State
• Verwaltung von State mit Angular Services
• Der Service als Store
• Single Store vs. Multiple Stores
• Common Store-Patterns in der modernen UI-Entwicklung
• Verwendung von RxJS zur Auswahl von Daten aus einem Store
• Async Pipe und RxJS
• Integration von REST-APIs in einen Store
• Integration von Stores mit Form Validation
• Integration von Stores mit Route Resolvern