Angular with ASP.NET Core

Who it is for

For everyone after K2 who has to put an Angular front end in front of a .NET API and wants to learn Angular from the ground up, seen by someone who has already written the API.

Prerequisites

K2 (TypeScript, web API, sign-in with Entra ID, tests, OpenAPI) or the placement test. Node.js in a version Angular names and a browser are needed.

Afterward, you can

• Create an Angular project, explain how it is built and run it against the Kladde's API
• Build components with signals, inputs, outputs and the new control flow
• Use routing, HttpClient, interceptors and forms against the API
• Generate a typed client from the OpenAPI document and justify the choice
• Sign in with Entra ID and secure the SPA against CORS, XSS and XSRF
• Write component, HTTP and end-to-end tests and deliver the application

Contents

1. W9.1

   Getting to know Angular

   tools, project, components, templates, signals, inputs and outputs

   8 h
2. W9.2

   Connecting the API

   routing, HttpClient, errors, typed client from OpenAPI, forms

   10 h
3. W9.3

   Signing in and securing

   Entra ID with MSAL Angular, CORS, XSS, Content Security Policy, XSRF

   6 h
4. W9.4

   Testing and delivery

   component and HTTP tests, end to end and accessibility, building and delivering on Azure

   8 h

About 32 hours in all (indicative).

Lessons

You see the text and video of every lesson here on the site after buying the course; the titles and goals are already shown. A self-study course: you work through the lessons in order and check your exercises yourself against the solutions.

You can read the first module (W9.1) for free, with text and video, without signing in: so you see how the course works before you buy.

The lessons stand under their modules, in the order of the course. Click a module to open or close its lessons.

Final project: the Kladde

Certifications

There is no Microsoft exam for Angular.

Keep learning with Microsoft Learn

Microsoft's learning paths and documentation that go with this course.

• Protect an ASP.NET Core web API with the Microsoft identity platform
• Enable Cross-Origin Requests (CORS) in ASP.NET Core
• Deploy a static web app (Angular)