Build mobile and desktop apps with .NET MAUI

Microsoft via Microsoft Learn

Go to class Write review

Details

Go to class

Provider

Microsoft Learn
Pricing

Free Online Course
Languages

English
Duration & workload

6 hours 39 minutes
Sessions

On-Demand

Found in

Learn how to use Visual Studio with .NET MAUI (Multi-platform Application User Interface) to create a cross-platform app.
In this module, you will:
- Learn the basic architecture of .NET MAUI.
- Create .NET MAUI app.
- Define a shared UI for the platforms supported by .NET MAUI.
- Deploy a .NET MAUI app from Visual Studio.
- Dial a number from within the app.
Learn how to design a UI for a .NET MAUI app using XAML.
By the end of this module, you'll be able to describe:
- The benefits of using XAML over defining the UI for a .NET MAUI app in C#.
- The types available for defining a .NET MAUI app using XAML, and the properties these types expose.
- How to handle UI events and wire them up in XAML.
- How to create and use XAML markup extensions.
- How to set platform-specific values in XAML markup.
Create consistent user interfaces across different devices by using StackLayout and Grid.
In this module, you will:
- Arrange user interface elements in an app and size them
- Display views in a vertical or horizontal list using StackLayout
- Display views in rows and columns using Grid
Create a UI with data binding. Your UI automatically updates based on the latest data, while the data updates in response to changes in the UI.
By the end of this module, you'll be able to:
- Compare an event-driven UI to a data-bound UI.
- Create data objects usable with data binding.
- Design a UI that's driven by data binding.
Discover how the MVVM design pattern can help separate your business logic and user interface code. Learn about how viewmodels are designed and why they're so important.
By the end of this module, you're able to:
- Identify when to use the Model-View-ViewModel (MVVM) pattern.
- Use a viewmodel to drive visual behavior.
- Improve code testability through data-bindable properties.
Learn how to use static and dynamic shared resources to build a .NET Multi-platform App UI (MAUI) user interface. And see how styles can make the user interface both consistent and accessible.
By the end of this module, you're able to:
- Create and use static resources in a MAUI XAML user interface.
- Create and use dynamic resources.
- Create a consistent user interface by using styles.
- Create and use application-wide resources.
Use .NET Multi-platform App UI (MAUI) shell to create multi-page applications with tabs and flyout navigation.
By the end of this module, you're able to:
- Implement tab navigation with .NET MAUI Shell
- Navigate between pages within tabbed pages
- Implement flyout navigation with .NET MAUI Shell
Learn how to store and access data held in SQLite using a .NET Multi-platform App UI (MAUI) app
In this module, you will:
- Compare the different data storage options that are available for .NET MAUI applications.
- Store relational data in a SQLite database.
- Interact with your database asynchronously to make sure that your UI remains responsive.

Syllabus

Create a cross-platform app with .NET MAUI
- Introduction
- Describe the .NET MAUI architecture
- Create a .NET MAUI project in Visual Studio
- Exercise: Create your first .NET MAUI app
- Add visual controls to a .NET MAUI app
- Exercise: Create the phone number translator app
- Summary
Create a UI in a .NET MAUI app by using XAML
- Introduction
- Benefits of using XAML
- Types and properties in .NET MAUI XAML
- Event handling in XAML
- Exercise: Create your first XAML page
- XAML markup extensions
- Platform-specific values in XAML
- Exercise: Add behavior to your XAML page
- Summary
Customize layout in .NET MAUI XAML pages
- Introduction
- Specify the size of a view
- Exercise - Explore alignment options
- Arrange views with StackLayout
- Exercise - Use StackLayout to build a user interface
- Arrange views with Grid
- Exercise - Use Grid to build a user interface
- Summary
Create a UI that uses data binding in .NET MAUI.
- Introduction
- Compare an event-driven UI to a data-bound UI
- Use data bindings in XAML
- Exercise - Replace code with .NET MAUI bindings
- Data binding with mismatched types
- Exercise - Create a .NET MAUI converter
- Summary
Design an MVVM viewmodel for .NET MAUI
- Introduction
- What is MVVM?
- Use a viewmodel
- Exercise - Manage selection by using a viewmodel
- Use commands in a viewmodel
- Exercise - Convert an event handler to a command
- Summary
Design consistent .NET MAUI XAML pages by using shared resources
- Introduction
- Define and use resources
- Exercise: Use page-level resources
- Use and update dynamic resources
- Exercise: Use dynamic resources to update elements
- Create a consistent UI by using styles
- Exercise: Create and apply a style
- Create and use application-wide resources
- Exercise: Use application-wide resources
- Summary
Create multi-page .NET MAUI apps with tab and flyout navigation
- Introduction
- Implement flyout navigation
- Exercise: Implement flyout navigation
- Implement tab navigation with .NET MAUI Shell
- Exercise: Implement tab navigation
- Use tabbed pages with pages on the navigation stack
- Exercise: Use tabbed pages with navigation pages
- Summary
Store local data with SQLite in a .NET MAUI app
- Introduction
- Compare storage options
- Store data locally with SQLite
- Exercise: Store data locally with SQLite
- Use SQLite asynchronously
- Exercise: Use SQLite asynchronously
- Summary