Angular is the front end we pair with ASP.NET Core across this site. Everything below assumes a .NET API on the other side, which is why authentication takes up so much of the page: the interesting part is rarely the Angular code, it is the handshake.
The tutorial series builds one application over many parts and is the right place to start. The rest answers a question at a time: a Material component, a login flow, a file upload, a real-time chart.
The Angular and ASP.NET Core Series
A single application built over many parts, front end and Web API together.
- Angular Error Handling
- Angular Navigation and Routing
- Angular HttpClient, Services and Environment Files
- Angular Input and Output Decorators and Directives
- Angular Lazy Loading
- Angular Form Validation and POST Request
- Angular Components and Project Preparation
- Working with Delete Requests in Angular
- Handling PUT Requests with Angular and ASP.NET Core Web API
Angular Material
Tables, navigation, forms and the error pages that go with them.
- Material Table: Filter, Sort, Page
- Material Navigation Menu
- Angular Material Form Validation, Input, Datepicker and Modal
- Angular Material – Error and Details Pages With Material Components
- Google Charts With Angular and ASP.NET Core Web API
- Getting Started With Angular Material
Authentication With ASP.NET Core Identity
Registration, login, lockout, confirmation and two-factor, wired from Angular to Identity.
- Cookie Authentication With ASP.NET Core and Angular
- Angular JWT Authentication with ASP.NET Core Web API
- Angular Role-Based Authorization with ASP.NET Core Identity
- Angular Email Confirmation with ASP.NET Core Identity
- User Lockout Functionality with Angular and ASP.NET Core Identity
- User Registration with Angular and ASP.NET Core Identity
- Angular Authentication Functionality with ASP.NET Core Identity
- Custom Validators and Handling Errors with Angular and ASP.NET Core Identity
- 2-Step Verification with Angular and ASP.NET Core Identity
- Angular Authentication Actions with IdentityServer4
- How to Implement Angular Password Reset Functionality with ASP.NET Core Identity
IdentityServer4 and OAuth
Handing the login to a dedicated identity provider.
- Angular OAuth2 OIDC Configuration with IdentityServer4
- Securing Requests from Angular to Web API With Access Tokens
- Role-Based Access Control and Claims with Angular and IdentityServer4
- Implementing OAuth2 Refresh Token with Angular and IdentityServer4
Files, Storage and Real-Time
Moving bytes in both directions, and pushing updates without polling.
- Uploading Files With .NET Core Web API and Angular
- Download Files with ASP.NET Core Web API and Angular
- Azure BLOB Storage with ASP.NET Core and Angular
- .NET Core with SignalR and Angular – Real-Time Charts
- How to Implement SignalR Automatic Reconnect with Angular
GraphQL and Publishing
Consuming a GraphQL API, shipping the application, and the habits worth keeping.
- Angular Development Best Practices
- Consuming a GraphQL API with Angular
- How to Publish Angular with ASP.NET Core
More Angular
The remaining Angular articles.
- Two Factor Authentication with Web API and Angular using Google Authenticator
- How to Sign in with Google Using Angular and ASP.NET Core Web API
Where to Go Next
The API on the other side of every article here:
Keep the contract between Angular and the API written down somewhere both sides can see. Most of the bugs in this list started as a shape that changed on one side only.
