ANGULAR 15 .NET 7 API | Full Web App Tutorial With Angular Material 15

ANGULAR 15 .NET 7 API | Full Web App Tutorial With Angular Material 15

Angular 15 was released recently bringing with it a cool new feature now in its final form and that is Standalone Components. We will cover the creation of these components and how they can interact with each other. For the front end styling we will also be using Angular Material 15 and going over all the changes associated with that. I will then be connecting the Angular 15 frontend to my .Net 7 api i created in my last video! We will be demoing how to do Create, Read, Update, and Deleting using these two technologies. Most importantly we will show how to make the connection between the frontend and the backend.

#angular15 #dotnet7 #AngularDotNetTutorial

TimeStamps
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Intro
00:38 Upgrading To Angular 15 & Angular Material 15
03:43 Creating Our Frontend App
04:00 Creating Our Angular Material Module
04:30 Creating Our Angular Models
05:10 Creating The Main Page Component
14:49 Creating The Individual Country Component
16:45 Creating Our Service For The Client Side
19:49 Filling Out The Individual Country Component
23:07 Creating The Create/Edit Country Component
30:00 Creating The Delete Country Component
31:35 Testing The UI
32:29 Connecting The Angular 15 To The .Net 7 API
35:15 Testing The Full Application

[IsraelQuiroz]

Hope you guys enjoy the video and don't forget to drop a LIKE!

[farshaddanaeefard]

Many thanks for this great video. To fix the "extra spaces" problem, just change the database column type from CHAR to VARCHAR and trim previous data and it should be fixed.

[rudymacias]

I am getting error: 'Could not find column with id "countryName".' I can see the json coming through in my source. The name and case are correct in my Material's table for column etc.

[alexanderromero]

Buen aporte amigo, falta zoom al video 🤟👍

[d.b.]

Many thanks for the video. it's great. Just a typo in the first => { if(!null), should be if(res!=null) like the second one.

[socialmilos]

Hey man, ive problem with @angular/material im getting npm ERR! Invalid Version:... What can i do about it ? Ive installed angular 15.0.4 version but it seems i cannot fix this error... Please help thx