Building Applications with Angular, ASP.NET Core, and Entity Framework Core
3h 34mIntermediate2019-04-05
Authors

Alexander Zanfir
President of SocialPlay Inc.
Course details
Creating a complete full-stack application requires integrating multiple components. The front-end piece must talk smoothly to the server, and within the server, you'll need multiple layers: one to talk with the client, and one to store information on the server. This course teaches integration through the perspective of a quiz project, with instructor Alexander Zanfir showing how to use Angular, ASP.NET Core, and Entity Framework Core to develop a full-stack application. Alexander explains how to display and edit data in Angular with ASP.NET Core, create forms, navigate to different views, and more.
Learning objectives
Creating and configuring the Angular project
Creating forms with Angular
Creating get and post routes in an ASP.NET Core controller
Updating Angular service to post to API
Persistence with Entity Framework
Displaying and editing data in Angular with ASP.NET Core
Navigating to different views in Angular
Associations between entities with Angular and Entity Framework
Setting up Identity Framework
Learning objectives
Creating and configuring the Angular project
Creating forms with Angular
Creating get and post routes in an ASP.NET Core controller
Updating Angular service to post to API
Persistence with Entity Framework
Displaying and editing data in Angular with ASP.NET Core
Navigating to different views in Angular
Associations between entities with Angular and Entity Framework
Setting up Identity Framework
Skills covered
Entity FrameworkASP.NET CoreAngularBack-End Web DevelopmentFull-Stack Web DevelopmentDatabase DevelopmentFront-End Web DevelopmentDatabase ManagementWeb DevelopmentOpen SourceMicrosoftSoftware DevelopmentDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Welcome
- 02 - Using the exercise files
1. Infrastructure
- 03 - Demo application overview
- 04 - Architectural overview
- 05 - Download and install ASP.NET Core
- 06 - Creating and configuring the Angular project
2. Creating Forms with Angular
- 07 - Our first Angular component
- 08 - New question layout
- 09 - New question functionality
- 10 - Angular service
3. Creating Get and Post Routes in an ASP.NET Core Controller
- 11 - Create a post route
- 12 - Update Angular service to post to API
- 13 - Create a get route
4. Persistence with Entity Framework
- 14 - Save questions with Entity Framework
- 15 - Add answers to a question in Angular
- 16 - Add answers to a question in ASP.NET
5. Displaying and Editing Data in Angular with ASP.NET Core
- 17 - Show questions component in Angular
- 18 - Edit question route in ASP.NET
- 19 - Edit question component in Angular
- 20 - Edit question service in Angular
6. Navigating to Different Views in Angular
- 21 - Add the Angular Router
- 22 - Navigate between posting and displaying questions
7. Associations between Entities with Angular and Entity Framework
- 23 - Create a quiz in Angular
- 24 - Post quiz to back end
- 25 - Challenge - Displaying quizzes
- 26 - Solution - Displaying quizzes
- 27 - Loading questions from quiz
- 28 - Associate quiz to questions
- 29 - Showing only quiz owned questions
- 30 - Challenge - Quiz ID check
- 31 - Solution - Quiz ID check
8. Authentication with Identify Framework and Tokens
- 32 - Set up Identity Framework
- 33 - Register from Angular
- 34 - Reactive forms with FormBuilder
- 35 - Save token in the browser
- 36 - Pass token with Angular requests
- 37 - Auth token middleware in ASP.NET
- 38 - Associate user with quiz and question
- 39 - Logging in
- 40 - Logging out
9. Putting it All Together
- 41 - Quiz playlist
- 42 - Quiz play component
- 43 - Quiz score dialog
- 44 - Final touches
Conclusion
- 45 - Next steps
Related courses
- Building Angular and ASP.NET Core Applications
- Building Single-Page Applications Using ASP.NET Core JavaScriptServices
- Building Angular and ASP.NET Web API Apps
- Building Angular and ASP.NET Web API Apps (2018)
- Learning Angular (2018)
- Angular: Building Large Applications (2018)
- Learning RxJS
- Building a Reactive App with Angular and Spring Boot 2
Related learn paths
- Getting Started as an ASP.NET Core Developer
- Become a MEAN Javascript Developer
- Explore Web Development with Angular
- Advance Your Angular Skills
- Building Generative AI Skills for Web Developers
- Advance Your Skills as a Django Developer
- Become an AngularJS Developer
- Explore Web Development with Vanilla JavaScript