Blazor WebAssembly, Web API and .NET 8 - Let’s create an application using Visual Studio Code

In this video we create a basic movie review application using the new features released with .NET 8. We integrate web assembly components into a project derived from the new Blazor Web App project template that ships with .NET 8. We create a web api component to return movie related data to the client web assembly component. So we are exploring the new features released in .NET 8 - particularly how we can integrate a web assembly component into a Blazor Web App project and call a web api component using a typical http request/response model and asynchronously display data (in an aesthetically pleasing way) within a web assembly component.

✍ Code for Movie Review App Built in this video
🔗 https://github.com/GavinLonDigital/BlazorMovieWebApp

✍ Code for Movie Review App used as reference to build app in this video
🔗 https://github.com/GavinLonDigital/BasicBlazorMovieApp

Full Video Series for Movie Review Blazor App on .NET 8
🔗 https://www.youtube.com/watch?v=-mZQ0l16Lpo&list=PL4LFuHwItvKbg9Ni84WrIc3SxhlEPjSal

🕐 Video Time Indexes
-------------------------------------
00:00:00 - Introduction
00:01:33 - Install Visual Studio Code
00:02:54 - Install the .NET 8 v rc.2 SDK
00:05:08 - Install C# Dev Kit Extension
00:05:57 - Create BlazorMovieWeb Project using Blazor Web App template
00:09:56 - Create BlazorMovieWasm Project using blazorwasm template
00:11:09 - As test - Integrate Counter wasm component into Blazor Web App Project
00:13:36 - Add reference to blazerwasm project from blazer web app project
00:16:00 - Add reference to Microsoft.AspNetCore.Components.WebAssembly.Server Nuget Package
00:21:03 - Create WebAPI component
00:22:00 - Use Swagger to test WebAPI component
00:24:00 - Develop functionality for WebAPI component
00:34:03 - Create WebAssembly Components in BlazorWasm project
00:41:57 - Integrate WebAssembly Component into Blazor Web App project
00:45:43 - Add appropriate CORS functionality to WebAPI component
00:50:30 - Create endpoint for retrieving a particular movie record
00:54:22 - Create MovieReview parent component
00:55:20 - Create Review Blazor WASM child component
00:58:15 - Integrated Review child component into MovieReview parent component
01:01:49 - Run code
01:02:21 - Conclusion


Support the Channel 👍
------------------------------------
Buy me a Coffee ☕️
🔗 https://www.buymeacoffee.com/GavinLon

PayPal
🔗 https://www.paypal.com/paypalme/GavinLon

🪙 BitCoin
12JZYMiRq5YRDN5R5zuyYt7jMN8eTpkgns

Please follow me on Twitter @GavinLonDigital

Links Referenced in this video
-------------------------------------------------

Foundation C# with Microsoft Certification Announcement Video
🔗https://youtu.be/6GQAE7iLOhY

Blog Post by Katie Savage of Microsoft Announcing the Foundation C# with Microsoft Certification
🔗https://devblogs.microsoft.com/dotnet/announcing-foundational-csharp-certification/

Download Visual Studio Code
🔗https://code.visualstudio.com/download

Download the .NET 8 rc.1 SDK
🔗https://dotnet.microsoft.com/en-us/download/dotnet

Video Series on .NET 8 and Blazor
🔗https://www.youtube.com/watch?v=DgDXGBRC9gE&list=PL4LFuHwItvKaiuajfdhc-8ImE9ebOX0v3

Full Playlist - C# for Beginners Course
------------------------------------------------------------
🔗 https://youtu.be/KTk-UFBnQpM?list=PL4LFuHwItvKYl6zPFGm9I9ejmR3uX8izX

Links Included in this Video
--------------------------------------------
Install .NET 8 Preview 6
🔗 https://dotnet.microsoft.com/en-us/download/dotnet/8.0

Announcement of .NET 8 Preview 6
🔗 https://devblogs.microsoft.com/dotnet/announcing-dotnet-8-preview-6/

Install Visual Studio 2022 Preview
🔗 https://visualstudio.microsoft.com/vs/preview/

Signal-R Explanation
🔗 https://learn.microsoft.com/en-us/aspnet/signalr/overview/getting-started/introduction-to-signalr


Free Courses and Educational Videos - Gavin Lon
-------------------------------------------------------------------------------
Blazor (Webassembly) Shopping Cart Application full playlist
🔗 https://youtu.be/3_AsedRrqww?list=PL4LFuHwItvKbdK-ogNsOx2X58hHGeQm8c

Full playlist - Let's Build an ASP .NET Core MVC Web Application on .Net 5
🔗 https://www.youtube.com/watch?v=D7R_ToqDKHg&list=PL4LFuHwItvKZ6Mz5W5wzD9uo3w6tNChhX

Full playlist - Advanced C# Course
🔗 https://www.youtube.com/watch?v=3cfVmcAkR2w&list=PL4LFuHwItvKaOi-bN1E2WUVyZbuRhVokL

Full playlist - C# for Beginners Course
🔗 https://www.youtube.com/watch?v=2pquQMSYk6c&list=PL4LFuHwItvKbneXxSutjeyz6i1w32K6di

Blazor Server App on .NET 6 Course - FreeCodeCamp
🔗 https://youtu.be/xO17P9LVkK0

🎶All Music in this Video was Created by Gavin Lon