Angular 16 CRUD with .NET 7 Web API using Entity Framework Core - Full Course
HTML-код
- Опубликовано: 13 июл 2024
- 👉 Build Amazing Apps With ANGULAR and ASP.NET Core REST API
www.udemy.com/course/real-wor...
⭐⭐⭐⭐⭐
Angular 16 CRUD with .NET 7 Web API using Entity Framework Core - Full Course
This video is a preview of my Udemy course that will teach you to build scalable full-stack applications using Angular and ASP.NET Core Web APIs.
In this video, we will first create an ASP.NET Core Web API from scratch using .NET7 and then consume this REST API by creating an Angular UI application.
We will cover CRUD operations using Angular and ASP.NET Core Web APIs.
We will use Authentication and Authorization using JWT tokens to communicate between our Angular application and C# REST API.
#angular #dotnet #aspnetcore
📑 Contents:
00:00:00 Video Introduction
00:00:40 Angular and ASP.NET Core Udemy Course Demo
00:03:07 Prerequisites
00:03:37 Setting Up Development Environment
00:15:37 Create ASP.NET Core Web API
00:20:07 Understanding Files and Folder Structure
00:25:37 Understanding REST and HTTP Verbs
00:30:10 Create .NET 6 Web API
00:32:41 Our Project and Domain Models
00:41:16 Installing Nuget Packages For Entity Framework Core
00:43:06 DbContext
00:59:26 Running EF Core Migrations
01:03:26 Create Controllers and Actions
01:23:46 Repository Pattern
01:36:46 Create New Angular Application using Angular CLI
01:50:09 Angular Components
02:13:29 CRUD in Angular and ASP.NET Core Web APIs
02:17:21 Angular Forms
02:26:59 Angular Services
02:38:09 CORS
02:42:09 Unsubscribing
💖 Subscribe to show support: bit.ly/2FAgXzS
☕ Buy me a coffee: www.buymeacoffee.com/SameerSaini
Great summary. Nice, and to the point. Thank you so much!
Good that you made this available on RUclips as well sir. I already have your Udemy course. I would like to make a request to create a video regarding different debugging methods we can use.
Great course! Thanks very much for creating this.
Purchased, thank you for the beautiful explanation and guidance :)
This course is just awesome, i learnt the basic CRUD operation in angular from this course, really a saviour!!!!
You're welcome
THATS WHAT IVE BEEN LOOKING FOR THX U SO MUCH!!!
Thank you for this video! Very useful for a beginner
Thankyou soo much, you're teaching is reallly understanding!!!
Thank you! Can you please upload the part 2?
This video is really good, high quality
Thank you sir very useful course.
I watched the entire video and ended up buying the course. This was amazing so far!
Glad you liked the video, you won't be disappointed, cheers
Hi sir I want complete course,how could I approach you please guide me
I was looking for a video exactly like this, you read my mind
Cheers mate
So am I
Hello , How to SEO the blog?
@@SameerSaini
I just purchased the course. I will be using .NET 8 and Angular 17, though. Hope it helps
Very informative video. Many misconceptions about Angular were cleared. I am from C# .NET background, currently using react and after seeing this video, I have decided to go with angular, as it sounds very much organized. Minimal dependancy on third party component, where you have very less control over the code and update it every now and then. It was reminding me of WordPress, keep updating the 3rd party components almost every week and keep track if the website is not broken due to upgrades, giving me very tough time.
Angular really looks promising.
I agree, I love working with Angular as it's a complete framework, and many organizations use it for this purpose as the code is well maintained
awesome single shot solution thank you so much
Cheers mate
Hi @sameer If I wanted have the angular ui in Visual Studio also so I everything in one domain/area so to speak what would be the beest way to about this?
Thank you! Can you please upload the part 2.....please please please
Thanks a lot :D
Cheers mate
So, what is the best location for project variables? in the environmentVariables from launchsettings.json or in the appsettings.json ? Both places seemed to be used ....
Thank you sir
Welcome
Hello, great work! When i run the project, (im at 1:20:52) it opens an html in browser instead of swagger. How can i fix that?
Hey @sameer, can you please share the coupon code which you mentioned in the video. I need to see the complete video
Link is in the description, use the link and the coupon gets applied automatically
Great Video Sammeer. Thanks for all🙏
Cheers Robert
It's awesome, I want to ask about the difference between int and guid when declaring the ID why we use guid?
Thanks, I'm glad you liked the video
The difference between Id and Guids are just how they are used,
Guid are unique, whereas ints will have to be auto incremented,
Then Guessing a Int is easy but guessing Guids is not possible
i think it would be better if we add Application layer also to perform manipulation and then pass to Repository or Controller
Sir can you please create a video like both angular and .net core in visual studio
Hi.Thanks for the video. Can we use Dependency injection in this case? If yes the project will be Web API?
Yes the project uses dependency injection
DAPPER Video Please!!! I Need to Learn it!
Please let me know about the video where you have used reactive forms in angular. 2:17:16
kindly update the part-2 video sir
I have used C# for 21 years, and I didn't know about ctor for a constructor. I wonder when that was introduced.
@@cocacola7535 Thanks
nice video. But can you try using flutter and .net 8 web API. thank you.
Hi @sameer. I went to buy your course on Udemy and I saw a bunch of 'Old Content' topics. In fact 60% of the topics said 'Old Content'. I am a bit confused what that old content means and where I can buy this specific course covered in this video. Can you please clarify? Thanks. BTW, great work!
Hi @John the entire course has been re recorded from scratch, but i cannot take the old course out straight away as there are students taking that course, for any new student, just start from the top but you don't have to do the old content.
Hope that answers your question
u the man Sameer
Cheers
2:06:00 It doesn't show Categories List when I navigate to admin/categories
please tell how to host this type of project
Hi Sameer. Thank you for the great content. Are you updating the authentication part in the udemy course (i read somewhere that .net 8 has auth improvements and simplifications)? Also about the angular app, angular 17 has big updates and it's kinda announcement that angular is heading in new(modern) direction. Are you updating the angular app?
Hi, Yes, the course will be updated to the newer versions on dotnet and angular in future, it will take some time to record this so definetly a few months away at this point. But because the versions of dotnet and angular are still in support, they are not expired and still relevant
@@SameerSaini hi sir....can you tell me .net or angular changed versions program minor different or major different sir..
1:38:00 I didn't get asked any questions, it just created the project.
course does not have subtitles in pt-br :(
I purchased code..Thanks
plz make a video where you will define the differences between c#, .net c#, .net core, net mvc
C# and .NET C# are the same thing. .NET core is a more modern framework compared to .NET Framework (latest versions is .NET 7) and .NET MVC is Model View Controller. I have worked with MVC for 10 - 12 years, and in my opinion, Blazor is a much better framework because you do not need JavaScript (often).
what about web api and angular ?@@DataJuggler
.net 8 release ...if i bought this video and learn....will dotnet 7 course benefit to me?
Hi Sameer there are four courses in ASP. Which one i have to start from scratch. Can you please tell me the chronological order
Hi Deepak,
If you have around 3 to 6 months with asp.net core, I would suggest you starting from the MVC web course, then go to the API course and then API with Angular, Razor Pages and MVC course are identical
@@SameerSaini Actually sameer I know only c#, I am new to other technology, so after c# from which one I have to start from your udemy course
hi hocam, you are directly orientation us to real time application course in link below the video. Should we watch first API course or linked course you put below?@@SameerSaini
Lets see Angular used with a DDD approach.
Jah bless...
Cheers.
Server=localhost;Database=master;Trusted_Connection=True;
Great... may i have Source code pls
What if i add a new column in the entity or create a new dbset , i have once created a migration and updated database what should i do now because if i want to run add-migration it show build failed
If it shows build failed then there is a problem with the code not the migration, check the error and correct it and then run migration again
I am in Linux and so I do not have access to Visual Studio, only Visual Studio Code. Any suggestions?
while creating my angular project i did not get the routing add option so i did not have the app-routing.module.ts file by default....can you explain this?
I think you should have an app.routing.ts file
Hi Sameer, I have subscribed for the course on udemy, and I want to download the source code for .Net 7, but I am unable to find any link/github to download, pls help.
Hi,
Please message me on Udemy from the course
Is this complete CRUD course.
Any plans to update the course to .NET 8 and angular 17? I'm on the fence on buying the course.
There will be an eventual upgrade to both these versions but that's a few months down the line as I'm working on another course
Both these versions are valid and supported by microsoft and google for the next few months
@@SameerSaini I'm just learning .net and Angular, I don't know if the changes from 7 to 8 are to drastic or if this course and video still applies to .NET 8 and Angular 17. Do you think I will run into many issues or it won't make much of a difference?
Update JWT also
There is Only Create. where is the Read, Update, Delete?
Thanks for Uploading this Video.Its very helpful.However when I try to execute the command ng serve --open. I get the following error : Application bundle generation failed. [0.616 seconds]
X [ERROR] No native build was found for platform=win32 arch=x64 runtime=node abi=115 uv=1 libc=glibc node=20.13.1
attempted loading from.
How do I resolve the above error?
please make A CRUD By REACTJS
What the... That repository pattern should not commit changes to DB by itself. The service using repositories should commit changes using UoW abstraction over the DbContext. That way you have a transactions in place and automatic rollback in case of any issues without manually taking care of.
When is this the case? As far as i saw it, he only accesses the DBContext from the Repository?
Singnals are covered in course?
Sorry, Signals are not covered in this course
Why do we need to create CategoryDto.cs when the code is exactly the same as Category.cs?
CategoryDto.cs is exposed to visitors (malicious and non-malicuous), while Category.cs interacts directly with your database. It is a good practice to do that.
Very grateful for your teaching. Unfortunately it went well until the angular sessions. Then it appeared as if you had set up apps or modules in advance. Fir example the app-navbar with the core however it worked perfectly in the index html. The app routing module was already configured n your computer. This did not appear on mine and I had to load a separate one. Which again did not work.
Most frustrating in all of this is the different versions of apps that get used. One spends more time upgrading or downloading or fixing Microsoft errors rather than learning the code. Nevertheless thank you for all the effort you put in.
After lots of searching I found the problem. To load a new project in angular, new versions, that also load the ap.module.ts and the app.routing.module.ts you need to use the following instruction to create a new project. Ng new "my-app" --no-standalone --routing --ssr=false
Thank u
routerLink not working for me
If you built a version of this for experienced developers that only want to learn Angular, this video could be cut by 2 hours.
This course is for junior fullstack developers. I would pay attention to this then learn other angular concepts. In this video he explained the basics of Angular: structure of an angular application, component, module, service, routing. But more importantly I think it’s important to understand how angular UI relates to the backend or API. So learn this then focus on much advanced topics in Angular.
Regrettably, possessing programming knowledge and familiarity with the topic does not automatically translate to being an effective teacher. Alongside technical expertise, proper communication skills and clear pronunciation are imperative to ensure that your audience is on the same page and fully engaged in the learning process. Mastering the art of communication will elevate your ability to impart knowledge and inspire your students to excel in their learning journey
Coupon Code
Hi, this is in the description
Coupon code is with link, applied automatically
i dont get it, why i must destroy an http subscription? plz dont sell it, you will destroy many projects
🤘 Promo'SM
Yirks. On most secured and certified server farms it is not allowed to load content from the web on a productive server (by link and script tags). So this tutorial is useless in 95% of the cases, when it's planed to deploy this app on an secured server.
Hi! I want to ask, so what is the alternative for this? Is it self hosting?
The one who uses .Net Web API and EF on the back will use Blazor on the front.
All the rest is masochism
Thanks for this video, but to be honest it's a waste of time, you don't do anything you showed at the beginning of the video...
please make A CRUD By REACTJS
please make A CRUD By REACTJS