Angular CRUD Operation with .NET 8 Web API, Entity Framework Core | Project Tutorial in Hindi

Angular 17 CRUD Operation with .NET 8 Web API using Entity Framework Core SQL - Full Project Tutorial in Hindi/Urdu

In this video, I will create an Angular 17 (Javascript framework based on typescript ) web application using Angular's latest version.
We will perform Angular CRUD operations and for API we will use ASP.NET Core 8 (.NET 8) to create a Web API from scratch.
This will be a great full-stack web application using two of the popular web framework ( Angular 17 and ASP.NET 8)
In our DotNET Core 8 Web API, we will use entity framework core and SQL Server to perform our CRUD operations .
We will create a new database from scratch with Code first approach using EF Core db migrations.

In our Angular 17 application,
We will create multiple pages and we will set up routing for these pages(components).
We will use Angular material & tailwind css in our Angular app to make beautiful web components.
We will also show beautiful toaster notification of user actions.

Chapter & Topics in this Video
00:00 Intro
00:00 Topics to be covered
04:45 angular cli new project create
05:25 angular material integration in project
05:55 tailwind css integration
09:55 New component
10:23 Angular Routing
12:40 Create API project in DotNet 8
14:32 Ef Core Setup
20:05 Add API
28:45 Get List Data API
34:23 Get Single DataAPI
37:43 Update API
42:13 Delete API
45:45 Interface (type) in angular
47:32 angular service (http call)
52:00 Table data
1:03:47 Create Employee
1:11:05 Reactive Form in Angular
1:20:45 Submit form
1:22:45 Form Validation
1:25:15 Post API call
1:28:25 CORS issue fix
1:33:25 Edit Employee
1:43:35 Disable from control
1:45:35 Delete Employee
1:49:45 toaster notification

#angular #aspnetcore
---------------------------------------------------------
About this Channel
Code with Ved
This channel is all about teaching software developers to build web applications
in various technologies / programming languages like Angular, React, NodeJS, Asp.Net, C#, JavaScript, SQL, etc.
---------------------------------------------------------
🔗 Social Links
#CodeWithVed

[manjirichavan]

You have explained everything in simplest way. I have created it successfully. Thank you so much for making such a great video. Your efforts are really commendable.

[rudrakhetre]

thank you for making my first CRUD Operation using Angular & .Net 8 Web API

[ligerpost]

Lots of knowledge from your tutorial ❤much love sir❤❤

[MuhammadShaheryar-dxtj]

Great Video :) Thanks for making these type of videos

[manishbasnet]

Excellent video. Please make more complex projects using Angular and .NET 8 Web API. Thanks for this wonderful content.

[anilchaudhary]

Great video with great explanation. Thanks Ved for sharing your knowledge with us. 😇

[anuragnayak]

This video is simple and amazing. Nicely done, Thank you.

If you could do a series on this by making a big real life application it will be a great help.

[rahulkumarsingh]

Thanks bro for tutorial, and for the rest, he put the title in English for seo and better reach so that we people can search it on YouTube and watch it. Thanks again

[parithakur]

please bring more tutorial like this, nice content

[ligerpost]

Sir this video is very helpful for us thanks sir❤

[josbexerra]

Muchas gracias Mister Ved por el excelente tutorial

[mustafacavuslu]

Great video bro, can you make a simple library automation using typescript and Angular?

[sudheerm.s]

Appreciate the effort, English subtitle will be better .Slower the speed.
Following is hard with your speedy coding

[Mzamani]

Great Video. In case i have another Table/component named Department and i want to use it as a dropdown from the Employee component. Do you have a similar video to showcase the dropdown functionality?

[ligerpost]

Sir when we navigatebyurl then show me error (process is not defined) in when we insert data and want to display then show me that error😢 in angular 18 version

[anuragnayak]

A doubt is there the line you wrote to disable email id field in case of edit. Is not taking email id value to backend in json payload which causing error.

[sadiasheikh]

Could you please create more projects on core mvc

[ligerpost]

Sir isme drop-down, checkboxlist, radio button list ka bhi video upload kar dijiye please

[TrushalGondaliya]

Brother can you make a new video to implement searching sorting and pagination in this crud operation? because i am searching for this type of fully functional crud tutorial of angular + dot net core on you tube and no one is make this type of video

[ligerpost]

But sir please .net core web api k sath angular me thora complex control pe project create karihe like drop-down, checkboxlist, radio button list. I am very thankful sir