Delve into .NET MAUI to build cross-platform applications for Windows, Android, macOS, and iOS. Explore XAML views, data binding, animations, triggers, and Blazor within MAUI.

Building cross-platform apps with .NET MAUI.png

maui.tar.gz

.NET MAUI

.NET MAUI (Multi-platform App UI) is a framework that allows developers to build applications for Windows, Android, macOS, and iOS from the same codebase. It provides an extensive library of controls and components that can be used to create complex user interfaces. 

You’ll begin with the basics of MAUI project structure and learn about XAML views, page types, and layout types. Next, you’ll look at MAUI application lifecycle, data binding, and gestures detection. You will then learn how to use different types of triggers including property, data, event, state, and multi triggers. Next you’ll cover animations, drawings, and applying themes to MAUI apps. Then you’ll learn about MAUI architectural patterns, and finally, you’ll learn how to use Blazor in MAUI. 

By the end of this course, you’ll have essential skills to build native applications for various types of platforms including mobile devices and desktop computers.

Building Cross-Platform Applications with .NET MAUI

There is no XAML used in an MAUI Blazor app.

What XAML view is used to display Blazor components in an MAUI app?

What XAML view is used to display Blazor components in an MAUI app?

It's the browser engine used by MAUI web views.

It's a protocol that allows running compiled code in browsers, including a special-purpose MAUI view.

It's a type of XAML view that allows hosting Blazor applications.

It's an engine that runs MAUI applications in a browser.

How is WebAssembly used inside MAUI?

To define the culture code for the application

What is the `@code` directive used for in Blazor?

What is the <code>@code</code> directive used for in Blazor?

To define the path for a Razor component page

To apply the page title to a Razor component

To provide a navigation link to a specific page

To apply the header and the footer to a Razor component page

What is the role of the `@page` directive in Blazor?

What is the role of the <code>@page</code> directive in Blazor?

To provide the base class for all Razor components

To provide a shared navigation menu for all application pages

To provide a common default container page template for Razor component pages

What is the role of a layout in a Blazor application?

What is the role of a layout in a Blazor application?

Test your knowledge of using Blazor in MAUI.

Introduction

XAML: MAUI UI Language

MAUI Fundamentals

MAUI Triggers

Working with UI and Graphics

MAUI Architectural Patterns

Using Blazor in MAUI

Migrating from Xamarin.Forms

Conclusion

Appendix

Quiz: Using Blazor in MAUI