Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

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

via LinkedIn Learning

Overview

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

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.

Syllabus

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

Taught by

Alexander Zanfir

Related Courses

Reviews

Start your review of Building Applications with Angular, ASP.NET Core, and Entity Framework Core

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free