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

Veröffentlicht am: 17 Oktober 2023
auf dem Kanal: Gavin Lon

21,954

457

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/Bl...

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

Full Video Series for Movie Review Blazor App on .NET 8
🔗    • Blazor Movie Review Application on .NET 8 ...

🕐 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
🔗   • Free Foundational C# Certification from Mi...

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

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

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

Video Series on .NET 8 and Blazor
🔗   • What's New in .NET 8 ?

Full Playlist - C# for Beginners Course
------------------------------------------------------------
🔗    • Unity for Beginners (C#) - 2023 - Let's Cr...

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

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

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

Signal-R Explanation
🔗 https://learn.microsoft.com/en-us/asp...

Free Courses and Educational Videos - Gavin Lon
-------------------------------------------------------------------------------
Blazor (Webassembly) Shopping Cart Application full playlist
🔗    • Blazor (WebAssembly) and Web API on .NET 6...

Full playlist - Let's Build an ASP .NET Core MVC Web Application on .Net 5
🔗    • Part 1 - Overview - Let's Build an ASP.NET...

Full playlist - Advanced C# Course
🔗    • Introduction - Advanced C# Tutorial (Part 1)

Full playlist - C# for Beginners Course
🔗    • C# for Beginners - Part 1 - Introduction t...

Blazor Server App on .NET 6 Course - FreeCodeCamp
🔗    • Blazor Server App with .NET 6 and Syncfusi...

🎶All Music in this Video was Created by Gavin Lon

Auf dieser Seite können Sie das Online-Video Blazor WebAssembly, Web API and .NET 8 - Let’s create an application using Visual Studio Code mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Gavin Lon 17 Oktober 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 21,954 Mal angesehen und es wurde von 457 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

149