Building Angular and ASP.NET Web API Apps

Learn how to build full-stack applications using the popular combination of Angular and the ASP.NET Web API.

Introduction

• Make your site more interactive with Angular and ASP.NET Web API
• What you should know

1. Setting Up the App Infrastructure

• Application overview
• Creating a Web API application
• Web API architectural overview
• Creating a new Angular application
• Angular architectural overview

2. Getting Started with Web API

• Creating the entry model
• Configuring DbContext
• Configuring a database
• Creating a database
• Getting data from the database

3. Getting Started with Angular

• 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

4. Saving Data to Database

• 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

5. Updating Existing Data

• 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

6. Deleting Data

• Creating a Web API HttpDelete endpoint
• Adding a confirmation step
• Getting a single entry
• Designing a confirmation view
• Creating an HttpDelete request in Angular

7. Authentication Using Tokens

• 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

8. Project Design Wrap-Up

• Adding a filter
• Adding pagination
• Adding icon buttons

Conclusion

• Next steps