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.
✏️ Gavin Lon created this course. Check out his channel: https://www.youtube.com/c/GavinLon 💻 Code: https://github.com/GavinLonDigital/ShopOnlineSolution ⭐️ Resources ⭐️ 🔗 Copy Seed Data from GitHub: https://github.com/GavinLonDigital/ShopOnlineSolution/blob/main/ShopOnline.Api/CodeSnippets/OnModelCreating.txt 🔗 Download Visual Studio 2022 for Widows (Community Edition): https://visualstudio.microsoft.com/vs/ 🔗 A Video on .NET 6: https://youtu.be/EoDY1MvYVx4 🔗 Download SQL Server 2019: https://www.microsoft.com/en-us/sql-server/sql-server-downloads ⭐️ 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 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news |