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

Video Description

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