Building Angular and ASP.NET Core Applications
Overview
Learn how to build full-stack Angular and ASP.NET Core applications.
Want to build your own web application? In this course, Ervis Trupja shows you how, explaining what it takes to create a web app using Angular, the popular JavaScript framework, for the front end and the ASP.NET Web API for the back end. Ervis steps through how to build the service layer with the ASP.NET Web API to expose the required endpoints to create, read, update, and delete entries. He then shows how to build a UI using Angular with Bootstrap; implement NgRx—a framework for building reactive applications in Angular—in your app; and handle different user authentication cases with Auth0.
Want to build your own web application? In this course, Ervis Trupja shows you how, explaining what it takes to create a web app using Angular, the popular JavaScript framework, for the front end and the ASP.NET Web API for the back end. Ervis steps through how to build the service layer with the ASP.NET Web API to expose the required endpoints to create, read, update, and delete entries. He then shows how to build a UI using Angular with Bootstrap; implement NgRx—a framework for building reactive applications in Angular—in your app; and handle different user authentication cases with Auth0.
Syllabus
Introduction
- Getting started with Angular
- What you should know already
- Demo application overview
- .NET Core templates
- Web API architectural overview
- Angular architectural overview
- Creating data models
- Adding a service and data
- Create API endpoint
- Read API endpoint
- Update API endpoint
- Delete API endpoint
- Testing API endpoints using Postman
- Angular key concepts
- Generating components and services
- Cleaning up code and updating the router
- Designing the Books page
- Reading data from Angular
- Designing the Create page
- Adding new data from Angular
- Designing the Book Details page
- Getting a single book from Angular
- Updating existing data from Angular
- Deleting data from Angular
- Handling errors in Angular
- Why NgRx?
- NgRx actions
- NgRx store
- NgRx reducers
- Connecting the dots
- Challenge: Delete a book
- Solution: Delete a book
- Setting up Auth0
- Setting up an authentication service
- Handling authentication
- AuthGuard
- Where to go next
Taught by
Ervis Trupja