Overview
-
Discover how to use Angular, ASP.NET Core, and Entity Framework Core to develop a full-stack application.
Syllabus
-
Introduction
- Welcome
- Using the exercise files
- Demo application overview
- Architectural overview
- Download and install ASP.NET Core
- Creating and configuring the Angular project
- Our first Angular component
- New question layout
- New question functionality
- Angular service
- Create a post route
- Update Angular service to post to API
- Create a get route
- Save questions with Entity Framework
- Add answers to a question in Angular
- Add answers to a question in ASP.NET
- Show questions component in Angular
- Edit question route in ASP.NET
- Edit question component in Angular
- Edit question service in Angular
- Add the Angular Router
- Navigate between posting and displaying questions
- 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
- 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
- Quiz playlist
- Quiz play component
- Quiz score dialog
- Final touches
- Next steps
