YoVDO

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

Offered By: freeCodeCamp

Tags

Blazor Courses C# Courses WebAssembly Courses Data Retrieval Courses

Course Description

Overview

Build a complete shopping cart application using Blazor WebAssembly and Web API on .NET 6 with C# in this comprehensive 6-hour course. Learn to create a database using EF Core, implement the Repository Design Pattern, develop RESTful APIs, and construct a responsive user interface. Master essential concepts such as data transfer objects, LINQ queries, and JavaScript interoperability. Integrate a PayPal payment gateway, optimize code performance, and utilize local storage functionality. By the end of the course, gain practical experience in full-stack development, including database management, API creation, and front-end design using cutting-edge .NET technologies.

Syllabus

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.


Taught by

freeCodeCamp.org

Related Courses

Blazor and JavaScript Interoperability
Coursera Project Network via Coursera
WebAssembly
Exercism
Blazor Course - Use ASP.NET Core to Build Full-Stack C# Web Apps
freeCodeCamp
Blazor Fundamentals Tutorial - Learn Blazor Step-by-Step
freeCodeCamp
Blazor Server App with .NET 6 and Syncfusion UI Components – Full Course
freeCodeCamp