Code: https://aka.ms/blazorhybridworkshop'>https://aka.ms/blazorhybridworkshop

Let's start our journey together to build beautiful native crossplatform apps for iOS, Android, macOS, and Windows with Blazor Hybrid, .NET MAUI, C#, and Visual Studio! In this full workshop, I will walk you through everything you need to know about .NET MAUI and building your very first app. You will learn the basics including how to build user interfaces with Razor, how to show data from the internet, how to navigate between pages and combine .NET MAUI pages with Razor pages, access platform features like geolocation, and theme your app for light theme and dark theme. This course has everything you need to learn the basics and set you up for success when building apps with Blazor Hybrid!

Disclaimer: this channel is done on personal title, in my free time, and not officially affiliated with or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.

Links:
Blazor Hybrid Workshop: https://aka.ms/blazorhybridworkshop'>https://aka.ms/blazorhybridworkshop
.NET MAUI Blazor Hybrid Docs: https://learn.microsoft.com/aspnet/co...
Blazor Hybrid Beginner Series:    • Blazor Hybrid for Beginners  
.NET MAUI Website: https://dot.net/maui
.NET MAUI on Microsoft Learn: https://learn.microsoft.com/learn/pat...
.NET MAUI Documentation: https://learn.microsoft.com/dotnet/maui
.NET MAUI on GitHub: https://github.com/dotnet/maui
.NET Beginner Series Videos: https://dot.net/videos

Relevant Videos:
What is Blazor?:    • What is Blazor WebAssembly, Server, H...  
Blazor Playlist:    • .NET Blazor WebAssembly, Server & Bla...  
.NET MAUI Crash Course:    • Build Your First CrossPlatform Mobil...  
.NET MAUI Course by James:    • Learn .NET MAUI  Full Course for Beg...  
Combine .NET MAUI & Blazor Hybrid:    • 3 Ways Combine .NET MAUI and .NET MAU...  
James' Channel:    / jamesmontemagno  

Chapters:
00:00:00 Intro to the Blazor Hybrid Workshop
00:04:28 What is Blazor Hybrid & How to Install
00:06:51 First Blazor Hybrid App & Architecture
00:21:40 Get Code to Build Your First Blazor Hybrid App
00:26:38 Blazor Hybrid Project Walkthrough
00:39:22 Start to Build First Blazor Hybrid App
01:03:10 Event Handling, Data Binding and Parameters (Slides)
01:09:00 Add Monkey Data & Fluent UI Blazor Components
01:32:08 Navigation, NavigationManager, .NET MAUI Pages (Slides)
01:39:19 Navigation with NavigationManager
01:52:39 Navigation with NavLinks
01:57:21 Add .NET MAUI Pages & Components
02:21:11 Access Platform Functionality (Slides)
02:27:57 Check Network Connectivity
02:38:04 Get User Location with Geolocation
02:49:09 Integration with Other Apps
02:57:42 App Theming, Light Theme, Dark Theme (Slides)
03:05:36 JavaScript Interoperability with IJSRuntime
03:20:48 Theming FluentUI Blazor Components
03:26:05 Style Status Bar with .NET MAUI Community Toolkit
03:39:00 .NET MAUI Light & Dark Theme with AppThemeBinding
03:42:58 Sharing State & Creating Reusable Components (Slides)
03:47:27 Implement Shared State Blazor Hybrid & .NET MAUI
04:02:47 Create Reusable Razor Components
04:08:31 CONGRATULATIONS!

Don't forget to subscribe to my channel for more great .NET content: https://www.youtube.com/GeraldVerslui...

Follow me on X/Twitter:   / jfversluis  
Follow me on GitHub: https://github.com/jfversluis
Join my Discord server:   / discord  

#blazorhybrid #blazor #dotnetmaui #dotnet #beginners #workshop #ios #android #windows