Angular and Asp.Net Core WebApi Crud Operations

Level : Advanced
Mentor: Debasis Saha
Type : GuidedLab
Points : 20
Duration : 02:30:00

Lab Details


In this lab, you will be learning how to implement Asp.Net API-based CRUD Operations by using Angular Applications in your ASP.NET Core applications. By the end of the lab, you'll have the skills to use Web API to Perform CRUD Operations through the Angular Framework to use them in the application.

Lab Objective

Upon completion of this lab, you will be able to:

  • Create a Web API Layer related to the CRUD operation of Products.
  • Then we will create New Angular App using Visual Studio Template.
  • Finally, integrate Product API Controller with the Angular Application.


You should be familiar with ASP.NET Core WebAPI and Angular Framework.

Lab Requirements

  • Create an ASP.Net Core Web API Application
  • Create a Controller related to the Product to Perform all types of CRUD-based Operations.
  • Add New Projects in Solutions related to Angular Applications.
  • Design the Product List Page in Angular App and Integrate it with the Product GetAll Api Method.
  • Design the Add Product Page in Angular App and Integrate with the SaveProduct Api Method.
  • Design the Edit Product Page in Angular App and Integrate with the UpdateProduct Api Method.
  • Integrate the Delete Product API method with the Product List.
  • Implement Searching functionality to the list of Product List.
Self-paced Membership
  • 22+ Video Courses
  • 800+ Hands-On Labs
  • 400+ Quick Notes
  • 55+ Skill Tests
  • 45+ Interview Q&A Courses
  • 10+ Real-world Projects
  • Career Coaching Sessions
  • Email Support
Upto 60% OFF
Know More
Still have some questions? Let's discuss.
Accept cookies & close this