Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dotnet-presentations/dotnet-maui-workshop

A full day workshop (.NET MAUI Workshop in a Box) on how to build apps with .NET MAUI for iOS, Android, macOS, and Windows
https://github.com/dotnet-presentations/dotnet-maui-workshop

dotnet dotnet-maui dotnetmaui

Last synced: 24 days ago
JSON representation

A full day workshop (.NET MAUI Workshop in a Box) on how to build apps with .NET MAUI for iOS, Android, macOS, and Windows

Awesome Lists containing this project

README 

        
# .NET MAUI - Workshop



Today we will build a [.NET MAUI](https://docs.microsoft.com/dotnet/maui?WT.mc_id=friends-mauiworkshop-jamont) application that will display a list of Monkeys from around the world. We will start by building the business logic backend that pulls down json-encoded data from a RESTful endpoint. We will then leverage [.NET MAUI](https://docs.microsoft.com/xamarin/essentials/index?WT.mc_id=friends-mauiworkshop-jamont) to find the closest monkey to us and also show the monkey on a map. We will also see how to display data in many different ways and then finally fully theme the application.



## Languages

This workshop is available in the following languages:

* English - default README files

* [Chinese (Simplified)](README.zh-cn.md) - README files ending with .zh-cn.md (Translated by [Kinfey Lo](https://github.com/kinfey))

* [Chinese (Traditional)](README.zh-tw.md) - README filed ending with .zh-tw.md (Translated by [James Tsai](https://github.com/JamestsaiTW))



## Setup Guide

Hey there! This workshop will be a hands on and a bring your own device workshop. You can develop on PC or Mac and all you will need to do is install Visual Studio 2022 or Visual Studio for Mac 2022 with the .NET MAUI workload. It is built on .NET 8, which means you will need version 17.9 of Visual Studio 2022 or newer. See [full installation guide for .NET MAUI](https://learn.microsoft.com/dotnet/maui/get-started/installation?view=net-maui-8.0) for more information.



Before starting the workshop, I recommend going through the quick 10 minute [.NET MAUI Tutorial](https://docs.microsoft.com/dotnet/maui/get-started/first-app?WT.mc_id=friends-mauiworkshop-jamont) that will guide you through installation and also ensuring everything is configured correct.



If you are new to mobile development, we recommend deploying to a physical Android device which can be setup in just a few steps. If you don't have a device, don't worry as you can setup an [Android emulator with hardware acceleration](https://docs.microsoft.com/xamarin/android/get-started/installation/android-emulator?WT.mc_id=friends-mauiworkshop-jamont). If you don't have time to set this up ahead of time, don't worry as we are here to help during the workshop.



Beyond that you will be good to go for the workshop!



## Agenda

I have also put together an abstract of what you can expect for the day long workshop:



* [Part 0](Part%200%20-%20Overview/README.md) - 30 Min Session - Introduction to .NET MAUI Session & Setup Help

* [Part 1](Part%201%20-%20Displaying%20Data/README.md) - Single Page List of Data

* [Part 2](Part%202%20-%20MVVM/README.md) - MVVM & Data Binding

* [Part 3](Part%203%20-%20Navigation/README.md) - Navigation

* [Part 4](Part%204%20-%20Platform%20Features/README.md) - Implementing Platform Features

* [Part 5](Part%205%20-%20CollectionView/README.md) - CollectionView & Beyond

* [Part 6](Part%206%20-%20AppThemes/README.md) - Theming the app



To get started open the `Part 1 - Displaying Data` folder and open `MonkeyFinder.sln`. You can use this throughout the workshop. Each **part** has a **README** file with directions for that part. If you came in late, you can open any of the folders and  there is a starting project for that section.



## Video Walkthrough

James recorded a [full 4-hour walkthrough](https://www.youtube.com/watch?v=DuNLR_NJv8U) end-to-end on [his YouTube](https://youtube.com/jamesmontemagno)!



## Blazor Hybrid Workshop



If you want to learn more about Blazor Hybrid too, then we have got [another great workshop](https://aka.ms/blazor-hybrid-workshop) lined up for you!



In this workshop you will build the same app as in this one, the Monkey Finder app, but now using Blazor Hybrid. By doing both workshops, you can really see the differences and similarities between the two approaches.



## More links and resources:

- [.NET MAUI Website](https://dot.net/maui)

- [.NET MAUI on Microsoft Learn](https://docs.microsoft.com/learn/paths/build-apps-with-dotnet-maui/)

- [.NET MAUI Documentation](https://docs.microsoft.com/dotnet/maui) 

- [.NET MAUI on GitHub](https://github.com/dotnet/maui)

- [.NET Beginner Series Videos](https://dot.net/videos)



If you have any questions please reach out to me on Twitter [@JamesMontemagno](https://twitter.com/jamesmontemagno).