Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Building Applications with Angular, ASP.NET Core, and Entity Framework Core

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

3h 34mIntermediate2019-04-05

Authors

Alexander Zanfir

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

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

Related learn paths

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal