Angular mit ASP.NET Core
Angular als Front End einer ASP.NET-Core-API: Standalone-Komponenten und Signals, Routing, Formulare, ein typisierter Client aus dem OpenAPI-Dokument, Anmeldung mit Entra ID, Tests und der Weg nach Azure.
Akademie durchsuchen Lernplan für diesen Kurs
Für wen
Für alle nach K2, die ein Angular-Front-End vor eine .NET-API setzen sollen und Angular von Grund auf lernen wollen, mit dem Blick dessen, der die API schon geschrieben hat.
Voraussetzungen
K2 (TypeScript, Web-API, Anmeldung mit Entra ID, Tests, OpenAPI) oder die Einstufung. Gebraucht werden Node.js in einer von Angular genannten Fassung und ein Browser.
Danach können Sie
- Ein Angular-Projekt anlegen, seinen Aufbau erklären und gegen die API der Kladde laufen lassen
- Komponenten mit Signals, Eingaben, Ausgaben und dem neuen Steuerfluss bauen
- Routing, HttpClient, Interceptoren und Formulare gegen die API einsetzen
- Einen typisierten Client aus dem OpenAPI-Dokument erzeugen und die Wahl begründen
- Mit Entra ID anmelden und die SPA gegen CORS, XSS und XSRF absichern
- Komponenten-, HTTP- und Ende-zu-Ende-Tests schreiben und die Anwendung ausliefern
Inhalte
- W9.1
8 h
Angular kennenlernen
Werkzeuge, Projekt, Komponenten, Vorlagen, Signals, Eingaben und Ausgaben
- W9.2
10 h
Die API anbinden
Routing, HttpClient, Fehler, typisierter Client aus OpenAPI, Formulare
- W9.3
6 h
Anmelden und absichern
Entra ID mit MSAL Angular, CORS, XSS, Content-Security-Policy, XSRF
- W9.4
8 h
Testen und ausliefern
Komponenten- und HTTP-Tests, Ende-zu-Ende und Barrierefreiheit, Bauen und Ausliefern in Azure
Zusammen rund 32 Stunden (Richtwert).
Lektionen
Text und Video jeder Lektion sehen Sie nach dem Kauf hier auf der Seite; Titel und Ziele stehen schon jetzt da. Ein Selbstlernkurs: Sie arbeiten die Lektionen der Reihe nach durch und prüfen Ihre Übungen selbst an den Lösungen.
Das erste Modul (W9.1) können Sie kostenlos lesen, mit Text und Video, ohne Anmeldung: so sehen Sie vor dem Kauf, wie der Kurs arbeitet.
Die Lektionen stehen unter ihren Modulen, in der Reihenfolge des Kurses. Ein Klick auf ein Modul öffnet oder schließt seine Lektionen.
W9.1 Angular kennenlernen
Richtwert: 8 Stunden · 3 Lektionenkostenlos lesen
Lektion 1 · etwa 180 Minuten
Angular im Überblick: Werkzeuge, Projekt, erster Start
Lektion 2 · etwa 180 Minuten
Komponenten, Vorlagen und Signals
Lektion 3 · etwa 120 Minuten
Komponenten zusammensetzen: Eingaben, Ausgaben, Inhalte
W9.2 Die API anbinden
Richtwert: 10 Stunden · 4 Lektionen
Lektion 4 · etwa 120 Minuten
Routing
Lektion 5 · etwa 180 Minuten
HttpClient, Interceptors und Fehler
Lektion 6 · etwa 180 Minuten
Typisierter Client aus dem OpenAPI-Dokument
Lektion 7 · etwa 120 Minuten
Formulare: Kontakte und Buchung
W9.3 Anmelden und absichern
Richtwert: 6 Stunden · 2 Lektionen
Lektion 8 · etwa 180 Minuten
Anmelden mit Entra ID (MSAL Angular)
Lektion 9 · etwa 180 Minuten
CORS, XSS, CSP und XSRF
W9.4 Testen und ausliefern
Richtwert: 8 Stunden · 3 Lektionen
Lektion 10 · etwa 120 Minuten
Komponenten- und HTTP-Tests
Lektion 11 · etwa 120 Minuten
Ende-zu-Ende-Tests und Barrierefreiheit
Lektion 12 · etwa 120 Minuten
Bauen, ausliefern, betreiben in Azure
Abschlussprojekt: die Kladde
Was die Kladde nach diesem Kurs kann
Ein Angular-Front-End der Kladde mit Kontakten, Terminen und öffentlicher Buchung gegen die Kladde-API, mit Anmeldung und Tests.
Der Kurs endet mit einer Modulprüfung: einer kleinen Seite nach Vorgabe gegen vorgegebene Tests.
Zertifizierungen
Für Angular gibt es keine Microsoft-Prüfung.
Weiterlernen mit Microsoft Learn
Lernpfade und Dokumentation von Microsoft passend zu diesem Kurs, auf Microsoft Learn meist auch auf Deutsch.