.NET MAUI Step by Step Build

Les Jackson

In this video we perform a full step by step build of a .NET MAUI App that we test on both Windows and Android. The app interacts with a separate .NET 6 API that we also build step by step.

Level: Beginner

🌐 Links 🌐

🎓 Microsoft MAUI Learning Path: https://docs.microsoft.com/en-us/learn/paths/build-apps-with-dotnet-maui/?wt.mc_id=lesjackson_dotnetmaui-mvp-video
💾 GitHub Repository: https://github.com/binarythistle/S05E04—.NET-MAUI-Step-by-step-
🤩 Patreon Site (Exclusive Member Benefits!): https://www.patreon.com/binarythistle
🎓 My other courses: https://lesjackson.net/
📕 My Book: https://link.springer.com/book/10.100…
🌲 Linktree: https://linktr.ee/binarythistle
🔗 MAUI iOS & Android Confugration: https://docs.microsoft.com/en-us/dotnet/maui/data-cloud/local-web-services?wt.mc_id=lesjackson_dotnetmaui-mvp-video

⏲️ Time Codes ⏲️

Theory

– 0:48 Welcome
– 03:13 App demo
– 06:07 Course overview
– 09:14 Ingedients
– 10:10 What is .NET MAUI?
– 12:48 How MAUI works
– 15:14 MAUI project anatomy
– 19:47 MAUI App start up sequence
– 22:29 UI Conepts
– 28:21 XAML vs C#
– 30:29 Solution Architecture
– 31:41 Application Architecture

API Build

– 35:31 API Project Set up
– 42:41 API Model definition
– 44:47 API Db Context
– 47:13 Connection String
– 52:19 Migrations
– 56:31 API Read Endpoint
– 1:01:58 API Create Endpoint
– 1:08:15 API Update Endpoint
– 1:12:57 API Delete Endpoint

MAUI App Build

– 1:17:21 MAUI App Project Set up
– 1:21:00 Android Device Manager
– 1:25:08 MAUI Model definition
– 1:31:16 Data Service Interface
– 1:35:40 Data Service Implementation
– 1:47:27 Data Service Read Method
– 1:53:34 Data Service Create Method
– 1:58:48 Data Service Delete Method
– 2:01:53 Data Service Update Method
– 2:05:41 Android environment config
– 2:11:00 Architecture check point
– 2:11:54 Register MainPage for DI
– 2:14:13 MainPage code-behind
– 2:21:03 MainPage XAML Layout
– 2:30:19 Re-work MainPage layout
– 2:35:12 Add another page (ManagePage)
– 2:38:01 Adding a Route
– 2:30:01 Regiter ManagePage for DI
– 2:40:29 Complete MainPage code-behind
– 2:45:12 ManagePage code-behind
– 2:51:16 QueryProperty
– 2:57:34 ManagePage XMAL
– 3:07:56 Run on Windows
– 3:09:30 Re-work ManagePage layout
– 3:16:26 Using HttpClientFactory

Outro

– 3:21:02 Wrap up and thanks
– 3:21:31 Supporter Credits