CRUD with Angular 14 & .NET 6 🚀 Web API, EF Core & SQL Server
Patrick God
🚀 Join the .NET Web Academy: https://dotnetwebacademy.com
—
💖 Support me on Patreon: https://patreon.com/_PatrickGod
🚀 Get the .NET 8 Web Dev Jump-Start Course for FREE: https://dotnet8.patrickgod.com
💻 GitHub: https://github.com/patrickgod/SuperHeroNG
Udemy Courses:
🚀 .NET Jumpstart Course: https://www.udemy.com/course/net-core-31-web-api-entity-framework-core-jumpstart/?referralCode=CA390CA392FF8B003518
🔥 Blazor Bootcamp: https://www.udemy.com/course/blazor-webassembly/?referralCode=647B4EAACD6D8E4E6872
🔥 Blazor E-Commerce Course: https://www.udemy.com/course/blazor-ecommerce/?couponCode=YOUTUBE
Table of Contents:
00:00:00 CRUD with Angular 14 & .NET 6 🚀
00:03:08 Create the Angular 14 Application
00:08:24 Add the Super Hero Model to the Client
00:09:35 Generate an Angular Service
00:12:10 Implement a Table to Show the Hero List
00:16:32 Create the .NET 6 Web API Project
00:18:07 Add the Super Hero Model to the API
00:19:04 Add the Super Hero Controller
00:21:38 Call the Web API from the Angular 14 Client
00:27:29 Enable CORS (Cross-Origin Resource Sharing)
00:31:42 Add Entity Framework Core 6
00:37:10 Add the Connection String for the SQL Server Database
00:38:40 Install the EF Core Tools
00:40:54 Register the DataContext in the Program.cs
00:42:13 Run the Initial Migration using Code-First Migrations
00:43:23 Get Super Heroes from the Database
00:46:08 Implement Create, Update & Delete in the SuperHeroController
00:53:56 Build a new Component with Angular (Edit-Hero Form)
01:00:57 Add the Edit-Hero Form to the Parent Component
01:04:06 Implement Web Service Calls on the Client
01:07:11 Call the Service in the EditHero Component
01:09:32 Update the Super Hero Table
01:10:20 Final Tests of all CRUD Operations
🙏MANY THANKS TO THESE LOVELY PEOPLE:
Daniel Viveros
Mehmet Ali Ege
Winther
harry j
@Alaffer
Sam Catlow
Jim
Brian Williams
Gonzo
Jonas
Ariel Sartor
Andy Benson
@stevelikespies
Raphael Lukas
James Goforth
@williamdevine
Doug Nelson
Arif Hasanov
@kohji1712
@dlb78dlb
Thomas Korsgaard
FastTrak
Jeff Sager
Dan Moyer
AlgoMarket
Mennskr
Simon
Michael Mel
Hermann Rösch
Jim McNeal
Kieron
@mgrainger231
Gerrit Esmeijer
Axel
Kareem Skinner
Joaquim
Alain Legrand
Per Rieland
@prodrigu75
Greg
Brendan Maunder
Stageoner
Andrew Campbell
pascalditzfeld
PovilasSimanskas
Ameet Jayawant
jenö
Marco Otilli
Mark
l33ter
alibux
g.dassel
Luke Vincent
mrcl
Alain Legrand
Thomas Werner
István Csibor
Grant Burdon
@gianluigiconti
Gerrit Esmeijer
Illia
Németh-Pók István
Michael Mel
Marko Zdilar
GerryB
@DADA_universe
Domen Hren
@heroesch
Carey
Peter De Tender
Baris Keskin
@Big_Bear_27390
Mathias
walter e watkins
Günther Dassel
Axel
Josh
Daniel Huber
Fredric Adell
Juan Carlos
Manolis
Pajani
P.
Jonas Granlund
Bobby
Kristina
@xamarin007
#DotNet #Angular #PatrickGod