Creating .NET MAUI Applications with Blazor

Course details

Writing applications can be an intense use of resources. By combining MAUI with Blazor, you can simplify your organization's technology stack and write a single application for multiple platforms, saving you time and money, while sharing code between websites, mobile applications and desktop apps. This is particularly useful for internal enterprise applications where there is less utility in creating separate code bases for website and mobile applications. In this course, instructor Kevin Ford illustrates the key facets of combining MAUI with Blazor through a hands-on exercise: building a note keeping app that can run on mobile devices, through a website, and both on and offline.

Whether you're new to .NET or an experienced developer, this course is perfect for anyone who wants to learn how to build powerful, cross-platform applications with ease. Join Kevin to discover the power of Blazor in MAUI today.

Concepts

0. Introduction

01 - The power of Blazor and .NET MAUI
02 - What you should know before taking this course
03 - Setting up your machine to take this course

1. .NET MAUI and Blazor - Bringing Web Development to Mobile Applications

04 - When is a .NET MAUI Blazor app a good choice
05 - The architecture of a .NET MAUI Blazor app
06 - Combining .NET MAUI pages and Blazor pages - Part 1
07 - Combining .NET MAUI pages and Blazor pages - Part 2
08 - Passing data
09 - Accessing the native APIs
10 - Challenge - Navigating and passing data
11 - Solution - Navigating and passing data

2. Mobile UI Styling in .NET MAUI Blazor

12 - UI alternatives
13 - Using Ionic and Blazor - Bringing in npm libraries
14 - Why is navigation a problem for .NET MAUI Blazor applications
15 - A unified navigation service - Part 1
16 - A unified navigation service - Part 2
17 - A unified navigation service - Part 3
18 - Inserting Ionic syntax into Razor Pages
19 - Using the Ionic navigation bar with Blazor
20 - Challenge - Implentinging Ionic syntax into the notes list
21 - Solution - Implementing Ionic syntax into the notes list

3. Making a Solution That Works on the Web and in the App

22 - A single website to rule them all
23 - How about native APIs
24 - Razor Class Libraries
25 - Handling UI differences between website and app
26 - Storing local data - Part 1
27 - Storing local data - Part 2
28 - Issues around keeping your app up to date
29 - The HTML5 service worker and WebAssembly
30 - Challenge - Implementing IndexedDB
31 - Solution - Implementing IndexedDB

4. Interacting with a Back End

32 - Setting up Auth0
33 - Implementing authentication with Auth0 - Part 1
34 - Implementing authentication with Auth0 - Part 2
35 - Implementing authentication with Auth0 - Part 3
36 - Challenge - Using the Token
37 - Solution - Using the Token

Conclusion

38 - Next steps