Skip to content
Hallway
0:00 / 0:00

#blazorwebassembly#asp.netcore#webapi

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

freeCodeCamp.org

12M subscribers • 27 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Presented by Gavin Lon
  • Linked in the descriptionGavinLonDigital/ShopOnlineSolution
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Beginner. No background in the topic needed.

303K views4 years ago2 recommendations

Web developmentProgramming languagesWebAssemblyFull-stack frameworksC# and .NET

Gavin Lon teaches how to build a full-stack shopping cart application using Blazor WebAssembly, ASP.NET Core Web API, and 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: youtube.com/c/GavinLon 💻 Code: github.com/GavinLonDigital/ShopOnlineSolution ⭐️ Resources ⭐️ 🔗 Copy Seed Data from GitHub: github.com/GavinLonDigital/ShopOnlineSolution/blob/main/Shop… 🔗 Download Visual Studio 2022 for Widows (Community Edition): visualstudio.microsoft.com/vs/ 🔗 A Video on .NET 6: youtu.be/EoDY1MvYVx4 🔗 Download SQL Server 2019: microsoft.com/en-us/sql-server/sql-server-downloads ⭐️ Course Contents ⭐️ ⌨️ () Introduction ⌨️ () Create the Database using EF Core Code First Database Migrations ⌨️ () Retrieve Product Data from Database (Web API component) ⌨️ () Create Classes for Data Transfer Objects (DTOs) ⌨️ () Create ProductRepository Class (Repository Design Pattern) ⌨️ () Create ProductController Class ⌨️ () Create DtoConversion Class (DTO Conversion Extension methods) ⌨️ () Display Product Data to User (Blazor WebAssembly Component) ⌨️ () Display Data for Specific Product to User (Web API and Blazor) ⌨️ () Add Product to Shopping Cart (Web API and Blazor) ⌨️ () Remove Product from Shopping Cart (Web API and Blazor) ⌨️ () Update the Quantity of Products in the Shopping Cart (Web API, Blazor, Blazor JavaScript Interoperability) ⌨️ () Update the Header Menu in Response to a Change to the State of the Shopping Cart (Creating Custom Events in Blazor) ⌨️ () Integration of PayPal Payment Gateway into Blazor Component ⌨️ () Dynamically Populate the Side-Bar Menu (Web API and Blazor) ⌨️ () Optimise Code for Performance (Web API and Blazor) ⌨️ () Use Include Extension Method in LINQ Query (Web API) ⌨️ () User Local Storage Functionality (Blazor) ⌨️ () 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: freecodecamp.org Read hundreds of articles on programming: freecodecamp.org/news ❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: scrimba.com/freecodecamp

Why it's here

2 people recommend this

What people say. Recommended as a comprehensive, hands-on tutorial for getting started with Blazor WebAssembly and .NET backend APIs.

u/Reality_Prgin r/dotnet • Recommends

On “Can someone advise a rood map for me if possible?”

Honestly, if you have a pretty descent grasp of C#, you could try your hand at creating a website using Blazor. Here is a cool tutorial on YouTube: link to this video
2View on Reddit

u/fieryscorpionin r/dotnet • Recommends

On “ASP.net, confused”

It’s so easy to build apps using .NET, my dude. Probably the easiest! 😀 If you’re on Windows, install Visual Studio which is free and you get templates to do virtually anything. CLI is optional. If you want to write front-end in C# as well, choose Blazor WebAssembly with Hosted backend (it comes as a template). Start off with this video to get your feet wet: link to this video You’ll get the hang of it in no time.
1View on Reddit