Learn how to build full-stack applications using the popular combination of Angular and the ASP.NET Web API.
Overview
Syllabus
Introduction
- Make your site more interactive with Angular and ASP.NET Web API
- What you should know
- Application overview
- Creating a Web API application
- Web API architectural overview
- Creating a new Angular application
- Angular architectural overview
- Creating the entry model
- Configuring DbContext
- Configuring a database
- Creating a database
- Getting data from the database
- Adding a component
- Adding a service
- Configuring routing in Angular
- Requesting data from Web API
- Designing a view with Material Design
- Creating a Material Design table
- Showing data to the users
- Creating a Web API HttpPost endpoint
- Configuring an Angular reactive form
- Creating an Angular reactive form
- Validating an Angular reactive form
- Designing a header and footer
- Creating an HttpPost request in Angular
- Creating a Web API HttpPut endpoint
- Setting up a dialog
- Configuring the dialog with data
- Populating the dialog with data
- Creating an HttpPut request in Angular
- Creating a Web API HttpDelete endpoint
- Adding a confirmation step
- Getting a single entry
- Designing a confirmation view
- Creating an HttpDelete request in Angular
- Setting up AuthController
- Setting up AuthService
- Creating a register component
- Registering users
- Generating a token
- Requesting a token from Angular
- Authentication check via tokens
- Logging out users
- Creating an Angular login component
- Getting data from the login form
- Logging in users
- Handling errors in angular
- Adding a filter
- Adding pagination
- Adding icon buttons
- Next steps
Taught by
Ervis Trupja