Building Angular and ASP.NET Core Applications
2h 57mIntermediate2019-11-26
Authors
Ervis Trupja
Full-Stack .NET Web Developer with a mathematical background
Course details
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.
Learning objectives
Creating, reading, updating, and deleting API endpoints
Testing API endpoints using Postman
Key Angular concepts
Reading data from Angular
Updating existing data from Angular
Handling errors
Implementing NgRx in an existing Angular app
Authenticating users with Auth0
Learning objectives
Creating, reading, updating, and deleting API endpoints
Testing API endpoints using Postman
Key Angular concepts
Reading data from Angular
Updating existing data from Angular
Handling errors
Implementing NgRx in an existing Angular app
Authenticating users with Auth0
Skills covered
ASP.NET Web APIASP.NET CoreAngularBack-End Web DevelopmentFull-Stack Web DevelopmentFront-End Web DevelopmentProjectWeb DevelopmentOpen SourceMicrosoft
Concepts
0. Introduction
- 01 - Getting started with Angular
- 02 - What you should know already
1. Setting Up the App Infrastructure
- 03 - Demo application overview
- 04 - .NET Core templates
- 05 - Web API architectural overview
- 06 - Angular architectural overview
2. Setting Up Web API
- 07 - Creating data models
- 08 - Adding a service and data
- 09 - Create API endpoint
- 10 - Read API endpoint
- 11 - Update API endpoint
- 12 - Delete API endpoint
- 13 - Testing API endpoints using Postman
3. Getting Started with Angular
- 14 - Angular key concepts
- 15 - Generating components and services
- 16 - Cleaning up code and updating the router
- 17 - Designing the Books page
- 18 - Reading data from Angular
- 19 - Designing the Create page
- 20 - Adding new data from Angular
- 21 - Designing the Book Details page
- 22 - Getting a single book from Angular
- 23 - Updating existing data from Angular
- 24 - Deleting data from Angular
- 25 - Handling errors in Angular
4. Implementing NgRx to an Existing Angular App
- 26 - Why NgRx
- 27 - NgRx actions
- 28 - NgRx store
- 29 - NgRx reducers
- 30 - Connecting the dots
- 31 - Challenge - Delete a book
- 32 - Solution - Delete a book
5. Implementing Authentication in Your Angular App
- 33 - Setting up Auth0
- 34 - Setting up an authentication service
- 35 - Handling authentication
- 36 - AuthGuard
Conclusion
- 37 - Where to go next