Building Applications with Angular, ASP.NET Core, and Entity Framework Core

Discover how to use Angular, ASP.NET Core, and Entity Framework Core to develop a full-stack application.

Introduction

• Welcome
• Using the exercise files

1. Infrastructure

• Demo application overview
• Architectural overview
• Download and install ASP.NET Core
• Creating and configuring the Angular project

2. Creating Forms with Angular

• Our first Angular component
• New question layout
• New question functionality
• Angular service

3. Creating Get and Post Routes in an ASP.NET Core Controller

• Create a post route
• Update Angular service to post to API
• Create a get route

4. Persistence with Entity Framework

• Save questions with Entity Framework
• Add answers to a question in Angular
• Add answers to a question in ASP.NET

5. Displaying and Editing Data in Angular with ASP.NET Core

• Show questions component in Angular
• Edit question route in ASP.NET
• Edit question component in Angular
• Edit question service in Angular

6. Navigating to Different Views in Angular

• Add the Angular Router
• Navigate between posting and displaying questions

7. Associations between Entities with Angular and Entity Framework

• Create a quiz in Angular
• Post quiz to back end
• Challenge: Displaying quizzes
• Solution: Displaying quizzes
• Loading questions from quiz
• Associate quiz to questions
• Showing only quiz owned questions
• Challenge: Quiz ID check
• Solution: Quiz ID check

8. Authentication with Identify Framework and Tokens

• Set up Identity Framework
• Register from Angular
• Reactive forms with FormBuilder
• Save token in the browser
• Pass token with Angular requests
• Auth token middleware in ASP.NET
• Associate user with quiz and question
• Logging in
• Logging out

9. Putting it All Together

• Quiz playlist
• Quiz play component
• Quiz score dialog
• Final touches

Conclusion

• Next steps