Angular 16 CRUD with .NET 7 Web API using Entity Framework Core - Full Course

Поділитися
Вставка
  • Опубліковано 8 лип 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

КОМЕНТАРІ • 111

  • @ashishchauhan4723
    @ashishchauhan4723 11 місяців тому +7

    Good that you made this available on UA-cam 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.

  • @fieryscorpion
    @fieryscorpion 7 місяців тому +2

    Great summary. Nice, and to the point. Thank you so much!

  • @vaibhavsharma6479
    @vaibhavsharma6479 7 місяців тому +1

    Purchased, thank you for the beautiful explanation and guidance :)

  • @sohisanati5492
    @sohisanati5492 5 місяців тому +1

    Great course! Thanks very much for creating this.

  • @vladbyk89
    @vladbyk89 4 місяці тому +1

    Thank you for this video! Very useful for a beginner

  • @user-wf3yi7bg1j
    @user-wf3yi7bg1j 3 місяці тому

    THATS WHAT IVE BEEN LOOKING FOR THX U SO MUCH!!!

  • @cocoon2024
    @cocoon2024 10 місяців тому +2

    Thank you! Can you please upload the part 2?

  • @mithamazumdar8794
    @mithamazumdar8794 3 місяці тому +2

    This course is just awesome, i learnt the basic CRUD operation in angular from this course, really a saviour!!!!

  • @ferrywijaya6404
    @ferrywijaya6404 7 місяців тому +1

    Thank you sir very useful course.

  • @emerson_molina
    @emerson_molina 10 місяців тому +1

    This video is really good, high quality

  • @shafnisha1171
    @shafnisha1171 2 місяці тому +1

    Thankyou soo much, you're teaching is reallly understanding!!!

  • @alexgrossi2209
    @alexgrossi2209 8 місяців тому +4

    I watched the entire video and ended up buying the course. This was amazing so far!

    • @SameerSaini
      @SameerSaini  8 місяців тому

      Glad you liked the video, you won't be disappointed, cheers

    • @rajanikantheda7031
      @rajanikantheda7031 4 місяці тому

      Hi sir I want complete course,how could I approach you please guide me

  • @sachinshahmca
    @sachinshahmca 11 місяців тому +3

    awesome single shot solution thank you so much

  • @brendon205
    @brendon205 11 місяців тому +10

    I was looking for a video exactly like this, you read my mind

  • @duongminhnguyen1935
    @duongminhnguyen1935 11 місяців тому +1

    Thanks a lot :D

  • @The-Pixel-Binary
    @The-Pixel-Binary Місяць тому

    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.

    • @SameerSaini
      @SameerSaini  Місяць тому

      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

  • @alexcosta2614
    @alexcosta2614 5 місяців тому

    I just purchased the course. I will be using .NET 8 and Angular 17, though. Hope it helps

  • @sofreshh6729
    @sofreshh6729 11 місяців тому

    Thank you sir

  • @user-ji3xv6eo6f
    @user-ji3xv6eo6f 3 місяці тому

    Thank you! Can you please upload the part 2.....please please please

  • @grapevine2801
    @grapevine2801 10 місяців тому

    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?

  • @efadrian
    @efadrian 5 місяців тому

    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 ....

  • @robertkameni5975
    @robertkameni5975 11 місяців тому +3

    Great Video Sammeer. Thanks for all🙏

  • @andrewcomplainer
    @andrewcomplainer 8 місяців тому

    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?

  • @DataJuggler
    @DataJuggler 9 місяців тому

    2:06:00 It doesn't show Categories List when I navigate to admin/categories

  • @henrik3098
    @henrik3098 11 місяців тому +1

    u the man Sameer

  • @amirdar116
    @amirdar116 5 місяців тому

    i think it would be better if we add Application layer also to perform manipulation and then pass to Repository or Controller

  • @jopaji
    @jopaji 11 місяців тому

    DAPPER Video Please!!! I Need to Learn it!

  • @user-zb6bz9dd9d
    @user-zb6bz9dd9d 11 місяців тому +1

    kindly update the part-2 video sir

  • @mrityunjay1987
    @mrityunjay1987 10 місяців тому +1

    Hey @sameer, can you please share the coupon code which you mentioned in the video. I need to see the complete video

    • @SameerSaini
      @SameerSaini  10 місяців тому +2

      Link is in the description, use the link and the coupon gets applied automatically

  • @DataJuggler
    @DataJuggler 9 місяців тому

    I have used C# for 21 years, and I didn't know about ctor for a constructor. I wonder when that was introduced.

    • @DataJuggler
      @DataJuggler 9 місяців тому

      @@cocacola7535 Thanks

  • @osamabinaqueel4570
    @osamabinaqueel4570 3 місяці тому

    Please let me know about the video where you have used reactive forms in angular. 2:17:16

  • @sagarbelotes
    @sagarbelotes 4 місяці тому

    please tell how to host this type of project

  • @hello_world..
    @hello_world.. 9 місяців тому

    Sir can you please create a video like both angular and .net core in visual studio

  • @shroukyahia2852
    @shroukyahia2852 Місяць тому

    It's awesome, I want to ask about the difference between int and guid when declaring the ID why we use guid?

    • @SameerSaini
      @SameerSaini  Місяць тому

      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

  • @sayyorapardaeva5185
    @sayyorapardaeva5185 7 місяців тому +1

    Hi.Thanks for the video. Can we use Dependency injection in this case? If yes the project will be Web API?

    • @SameerSaini
      @SameerSaini  7 місяців тому

      Yes the project uses dependency injection

  • @BolsaCast365
    @BolsaCast365 11 місяців тому

    course does not have subtitles in pt-br :(

  • @shamstabrez2986
    @shamstabrez2986 10 місяців тому

    plz make a video where you will define the differences between c#, .net c#, .net core, net mvc

    • @DataJuggler
      @DataJuggler 9 місяців тому +1

      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).

    • @okanyosun
      @okanyosun 9 місяців тому

      what about web api and angular ?@@DataJuggler

  • @Ram92026z
    @Ram92026z 10 місяців тому

    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!

    • @SameerSaini
      @SameerSaini  10 місяців тому +3

      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

  • @GraceAnnSalvame
    @GraceAnnSalvame 2 місяці тому

    nice video. But can you try using flutter and .net 8 web API. thank you.

  • @user-he1gb3wc5o
    @user-he1gb3wc5o 6 місяців тому

    I purchased code..Thanks

  • @daniel49245
    @daniel49245 8 місяців тому +2

    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?

    • @SameerSaini
      @SameerSaini  7 місяців тому +2

      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

    • @GatewaytoRichnessTamil
      @GatewaytoRichnessTamil 7 місяців тому

      @@SameerSaini hi sir....can you tell me .net or angular changed versions program minor different or major different sir..

  • @DataJuggler
    @DataJuggler 9 місяців тому

    1:38:00 I didn't get asked any questions, it just created the project.

  • @adrianspikes6454
    @adrianspikes6454 10 місяців тому

    Lets see Angular used with a DDD approach.

  • @sadiasweety9601
    @sadiasweety9601 6 місяців тому

    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?

    • @pedrollerenas2352
      @pedrollerenas2352 5 місяців тому

      I think you should have an app.routing.ts file

  • @jayakumar2927
    @jayakumar2927 11 місяців тому +1

    Update JWT also

  • @mohscode219
    @mohscode219 11 місяців тому +1

    Jah bless...

  • @kuldeepmohanty3063
    @kuldeepmohanty3063 Місяць тому

    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

    • @SameerSaini
      @SameerSaini  Місяць тому

      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

  • @SajidAli-ke6ue
    @SajidAli-ke6ue 6 місяців тому

    Great... may i have Source code pls

  • @asnaeem6557
    @asnaeem6557 11 місяців тому

    please make A CRUD By REACTJS

  • @andreeua4329
    @andreeua4329 6 місяців тому

    Server=localhost;Database=master;Trusted_Connection=True;

  • @user-di1yd4zu4e
    @user-di1yd4zu4e 3 місяці тому

    I am in Linux and so I do not have access to Visual Studio, only Visual Studio Code. Any suggestions?

  • @cocoon2024
    @cocoon2024 10 місяців тому

    There is Only Create. where is the Read, Update, Delete?

  • @GatewaytoRichnessTamil
    @GatewaytoRichnessTamil 3 місяці тому

    .net 8 release ...if i bought this video and learn....will dotnet 7 course benefit to me?

  • @deepakprabhu598
    @deepakprabhu598 11 місяців тому +1

    Hi Sameer there are four courses in ASP. Which one i have to start from scratch. Can you please tell me the chronological order

    • @SameerSaini
      @SameerSaini  11 місяців тому +1

      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

    • @deepakprabhu598
      @deepakprabhu598 11 місяців тому

      @@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

    • @okanyosun
      @okanyosun 9 місяців тому

      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

  • @satyapriyaiyengar3918
    @satyapriyaiyengar3918 Місяць тому

    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?

  • @kunningdreamz
    @kunningdreamz 10 місяців тому

    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.

    • @SameerSaini
      @SameerSaini  10 місяців тому

      Hi,
      Please message me on Udemy from the course

  • @jurajjakubov5952
    @jurajjakubov5952 6 місяців тому

    Why do we need to create CategoryDto.cs when the code is exactly the same as Category.cs?

    • @Keziena
      @Keziena 2 місяці тому

      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.

  • @dhanshriborse999
    @dhanshriborse999 11 місяців тому

    Is this complete CRUD course.

  • @ytxzw
    @ytxzw 10 місяців тому +1

    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.

    • @thomasgebetsberger4620
      @thomasgebetsberger4620 8 місяців тому

      When is this the case? As far as i saw it, he only accesses the DBContext from the Repository?

  • @alexcosta2614
    @alexcosta2614 5 місяців тому

    Any plans to update the course to .NET 8 and angular 17? I'm on the fence on buying the course.

    • @SameerSaini
      @SameerSaini  5 місяців тому

      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

    • @alexcosta2614
      @alexcosta2614 5 місяців тому

      @@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?

  • @georgeallen2275
    @georgeallen2275 6 місяців тому

    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

  • @taannmay786
    @taannmay786 10 місяців тому

    Singnals are covered in course?

    • @SameerSaini
      @SameerSaini  10 місяців тому

      Sorry, Signals are not covered in this course

  • @nagarajuguduguntla1766
    @nagarajuguduguntla1766 2 дні тому

    routerLink not working for me

  • @igorr4682
    @igorr4682 11 місяців тому +1

    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

  • @DataJuggler
    @DataJuggler 9 місяців тому

    If you built a version of this for experienced developers that only want to learn Angular, this video could be cut by 2 hours.

    • @jamesbienaime8790
      @jamesbienaime8790 7 місяців тому

      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.

  • @mdsaifakhtar801
    @mdsaifakhtar801 11 місяців тому

    Coupon Code

    • @SameerSaini
      @SameerSaini  11 місяців тому

      Hi, this is in the description

    • @SameerSaini
      @SameerSaini  11 місяців тому

      Coupon code is with link, applied automatically

  • @dosovi4548bustayes
    @dosovi4548bustayes 6 місяців тому

    i dont get it, why i must destroy an http subscription? plz dont sell it, you will destroy many projects

  • @christianmontagx8461
    @christianmontagx8461 8 місяців тому

    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.

    • @user-kq8jk7dl7h
      @user-kq8jk7dl7h Місяць тому

      Hi! I want to ask, so what is the alternative for this? Is it self hosting?

  • @teddyhansen5008
    @teddyhansen5008 10 місяців тому

    🤘 Promo'SM

  • @techno7761
    @techno7761 2 дні тому

    The one who uses .Net Web API and EF on the back will use Blazor on the front.
    All the rest is masochism

  • @loquendero845
    @loquendero845 2 місяці тому

    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...

  • @asnaeem6557
    @asnaeem6557 11 місяців тому

    please make A CRUD By REACTJS

  • @asnaeem6557
    @asnaeem6557 11 місяців тому

    please make A CRUD By REACTJS