Skip to content

Latest commit

 

History

History

Blazor Hybrid

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 

Blazor Hybrid for Beginners

Join James Montemagno as he takes you on a journey of building your first Hybrid applications across iOS, Android, Mac, Windows, and Web with ASP.NET Core, Blazor, Blazor Hybrid, and .NET MAUI! You will learn how to use Blazor Hybrid to blend desktop and mobile native client frameworks with .NET and Blazor.

Video Series Links

  1. What is Blazor Hybrid?
  2. Development Machine Setup for Blazor Hybrid
  3. Blazor Hybrid Solution Architecture & Deployment Overview
  4. Building Hybrid User Interfaces with Blazor Hybrid
  5. Accessing Platform Features in Blazor Hybrid
  6. Mix and Match Native and Web UI
  7. Share code between Blazor Hybrid & Blazor Apps
  8. Blazor Hybrid Recap & Resources

Overview

Goal Build your first Blazor Hybrid Application
What will you learn Introduction to Blazor Hybrid, .NET MAUI, and building hybrid apps with .NET across mobile, desktop, and web.
What you'll need Visual Studio 2022 or Visual Studio Code with .NET MAUI Configured
Number of videos 8
Follow along Follow the videos and see how to create new projects and add code throughout each video.
Just want to try the app or see the solution? Final Solution

Pre-Learning

Videos

What is Blazor Hybrid?

Looking to build hybrid apps across mobile, desktop, and the web? Look no further than Blazor Hybrid! A feature of ASP.NET Core and .NET MAUI enabling you to build and share web components that run across iOS, Android, Mac, Windows, and the web. Join James as he breaks down everything you need to know on how Blazor Hybrid works.

Watch on YouTube

Development Machine Setup for Blazor Hybrid

Learn how to get your development machine setup and ready to build Blazor Hybrid app regardless of what code editor or IDE you use on any operating system. Join James as he shows you on how to setup both Visual Studio and Visual Studio Code for development.

Watch on YouTube

Blazor Hybrid Solution Architecture & Deployment Overview

What does a Blazor Hybrid solution look like inside of a .NET MAUI application? How does it work, how do you add new logic, and how to do you deploy to iOS, Android, Mac, and Windows from your development machine. James breaks it down for you.

Watch on YouTube

Building Hybrid User Interfaces with Blazor Hybrid

Let's start to build out a full application with Blazor Hybrid inside of .NET MAUI. Join James as he walks through building out a full to do application with web components.

Watch on YouTube

Accessing Platform Features in Blazor Hybrid

Building with Blazor Hybrid inside of .NET MAUI means that you have full access to the underlying platform. Join James as he shows you how to access native APIs such as dialogs and connectivity from a Blazor Hybrid app.

Watch on YouTube

Mix and Match Native and Web UI

Building with Blazor Hybrid in .NET MAUI means that you can build fully hybrid apps or you can mix and match in native user interface controls. Join James as he shows you how to blend UI naturally in a Blazor Hybrid app.

Watch on YouTube

Share code between Blazor Hybrid & Blazor Apps

Looking to deploy to web as well as mobile/desktop with Blazor Hybrid? Well you can by leveraging Razor Class Libraries to share code between your Blazor Hybrid app powered by .NET MAUI and your Blazor website powered by ASP.NET Core. Join James as he shows you how to easily share code and deploy to more places.

Watch on YouTube

Blazor Hybrid Recap & Resources

Let's wrap up the beginner series with a quick recap of what Blazor Hybrid is, how it works, and some great learning resources.

Watch on YouTube

Feedback

Be sure to give feedback about this workshop!

Code of Conduct