Blazor WebAssembly & Web API on .NET 6 – Full Course (C#)

Learn Blazor WebAssembly and Web API on .NET 6 by building a shopping cart application using C#. This course also provides a guide on how to integrate a payment gateway into your Blazor WebAssembly component, so that a user is able to pay for products through your application using a debit or credit card or PayPal account.

⭐️ Resources ⭐️

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:00:51) Create the Database using EF Core Code First Database Migrations
⌨️ (0:26:05) Retrieve Product Data from Database (Web API component)
⌨️ (0:30:17) Create Classes for Data Transfer Objects (DTOs)
⌨️ (0:36:22) Create ProductRepository Class (Repository Design Pattern)
⌨️ (0:43:05) Create ProductController Class
⌨️ (0:51:08) Create DtoConversion Class (DTO Conversion Extension methods)
⌨️ (0:57:45) Display Product Data to User (Blazor WebAssembly Component)
⌨️ (1:39:59) Display Data for Specific Product to User (Web API and Blazor)
⌨️ (2:06:07) Add Product to Shopping Cart (Web API and Blazor)
⌨️ (2:52:40) Remove Product from Shopping Cart (Web API and Blazor)
⌨️ (3:14:03) Update the Quantity of Products in the Shopping Cart (Web API, Blazor, Blazor JavaScript Interoperability)
⌨️ (3:44:01) Update the Header Menu in Response to a Change to the State of the Shopping Cart (Creating Custom Events in Blazor)
⌨️ (4:04:48) Integration of PayPal Payment Gateway into Blazor Component
⌨️ (4:36:03) Dynamically Populate the Side-Bar Menu (Web API and Blazor)
⌨️ (5:05:44) Optimise Code for Performance (Web API and Blazor)
⌨️ (5:08:26) Use Include Extension Method in LINQ Query (Web API)
⌨️ (5:14:00) User Local Storage Functionality (Blazor)
⌨️ (5:35:42) Outro

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

[pikometer]

This tutorial is a thousand times higher effort than any paid courses on udemy. Insane, Thank you very much.

[rasikasamith]

I go through the start to end of this course. It is a brilliant course. Highly appreciate your effort and Thank you very much.

[recepson]

A very helpful and detailed step by step video tutorial for getting in touch with Blazor and learning its basic concepts. Thank you so much for providing this video.

[jordanolson]

Gavin is an incredible developer, but he's more than just that, he teaches you everything, he wants you to succeed.

[moondevonyt]

i just wanted to say thank you for clarifying blazor webassembly!

[IsahYusuf-hnvr]

This is one of the best courses so far on this topic...
I feel like giving the tutor a million likes...
Thank you so much for this!

[questioneverything]

1:25:57, I wasted like 3 hours by skipping this part. I scratched head, did googling like crazy to find out what did I miss with my CORS setting. Then I came back to see this part again, then I came to know that I did not remove that forward slash "/" at the end. Thanks a ton sir for this amazon video.

[joaquincruz]

Thank you, I hope there is more content like this available here. I really appreciate the great work in this course!

[ryanb]

One of the best blazor courses I've seen.

[vicy]

Haven't finished watching yet but this is one of the best tutorial Videos I have every watched, very details and cleared. I need to watch in stages to follow but best of the best.

[anthonyfernandez]

Was exactly what I was looking for, thanks!!

[ankushkarara]

Thank You much sir, finally i found 1 project that works fine

[aa-xnhc]

This is a great course: updated and the cart app is super interesting! Please, updated it with .Net 8 and Blazor's new features.

[georgestavrou]

Very good tutorial at least for a person like me who always worked on Legacy projects and was off the new things of blazor and C# 6 or above. I learn a lot of things regarding Blazor WebAssembly & Web API. It would be nice although for each part to have a summary (walkthrough what we done or implement), in addition it would be nice when changing something for example in start we had the routes in the [HttpGet] and later on we had an annotation of Route it would be nice to explain why we do this or when we have Route annotation and where we can put the route in the Overall the course is great!

[patrickmakanga]

Followed the course up to the end. Good Stuff!

[Mooseontheloose]

Really enjoyed this course, decided to create it in .Net 8 which has been fun.

[omprakashacharya]

I really like your contents. Keep on uploading good videos.

[THEspindoctor]

Loving the tutorial so far, thank you!
Also, +10 points for the generous uses of the phrases "as it were" and "like this!".

[mwimb]

would love to see a video on different methods to deploy an application like this

[vortex-astral]

vraiment je vais juste merci pour cette video, vous m'avez trop edifier avec c cours.