Рет қаралды 740,234
See code updates in pinned comment! Code: aka.ms/maui-workshop
Let's start our journey together to build beautiful native cross-platform apps for iOS, Android, macOS, and Windows with .NET MAUI, C#, and Visual Studio! In this full workshop, I will walk you through everything you need to know about .NET MAUI and building your very first app. You will learn the basics including how to build user interfaces with XAML, how MVVM and data binding simplify development, how to navigate between pages, access platform features like geolocation, optimize data collections, and theme your app for light theme and dark theme. This course has everything you need to learn the basics and set you up for success when building apps with .NET MAUI!
Links:
- .NET MAUI Workshop: aka.ms/maui-workshop
- .NET MAUI Website: dotnet.microsoft.com/apps/mau...
- .NET MAUI Docs: docs.microsoft.com/dotnet/mau...
- .NET MAUI on Microsoft Learn: docs.microsoft.com/learn/path...
- .NET MAUI Community Toolkit: github.com/communitytoolkit/m...
- .NET Community Toolkit: github.com/communitytoolkit/d...
Relevant Videos:
- .NET MAUI Playlist: • .NET MAUI for Beginners
- What is .NET MAUI? • .NET MAUI Explained: W...
- What is Shell? • 🐚 Shell for .NET MAUI ...
- .NET MAUI Shell Navigation: • .NET MAUI's Navigation...
- .NET MAUI Dependency Injection: • Dependency Injection w...
- ListView vs CollectionView: • Xamarin.Forms ListView...
- MVVM Source Generators: • MVVM Source Generators...
- MVVM Helpers: • Better MVVM with MVVM ...
- XAML 101: • XAML for Beginners - X...
- MVVM 101: • MVVM for Beginners: Mo...
- Gerald: / geraldversluis
- Nick: / elfocrash
- .NET YT: / dotnet
Chapters:
00:00:00 - Intro to the .NET MAUI Workshop
00:04:10 - What is .NET MAUI & How to Install
00:06:25 - Workshop overview
00:08:00 - First .NET MAUI app & Architecture (slides)
00:21:40 - Get code to build your first .NET MAUI app
00:25:00 - .NET MAUI Project Walkthrough
00:29:40 - Start to build first .NET MAUI app
00:56:48 - Intro to MVVM (slides)
01:09:30 - Implementing INotifyPropertyChanged
01:22:30 - .NET Community Toolkit for MVVM (Source Generators)
01:32:30 - HTTP REST Calls & JSON Deserialization
01:43:00 - ICommand in .NET MAUI
01:59:30 - Create our UI with XAML & MVVM
02:16:20 - Navigation in .NET MAUI (slides)
02:25:20 - Implementing Navigation in .NET MAUI & Passing Parameters
02:46:00 - Building a details UI with XAML & MVVM
02:54:10 - Modal, Back Navigation, & More
02:58:20 - Access Platform APIs in .NET MAUI (slides)
03:02:53 - Platform API Integration - Connectivity
03:08:30 - Geolocation & Permissions Implementation
03:18:50 - Open Map Integration
03:22:40 - Platform Specifics - iOS Safe Area
03:25:50 - CollectionView & RefreshView Overview (slides)
03:34:00 - Implementing Pull-to-Refresh
03:40:00 - CollectionView Layouts - Grids and more
03:41:30 - CollectionView EmptyView
03:45:00 - App Resources, Styles, and Themes (slides)
03:56:20 - Implementing Light & Dark Mode
04:06:00 - Thanks, wrap-up, and resources
Corrections:
00:45:30 Recommended to set TextColor="Gray" on Label
01:30:00 [AlsoNotifyChangeFor] is now [NotifyPropertyChangedFor]
01:51:00 [ICommand] is now [RelayCommand]
Join this channel to get access to perks:
/ @jamesmontemagno
👕 Buy some swag! - jamesmontemagno.myspreadshop....
☕️ Buy me a coffee - www.buymeacoffee.com/jamesmon...
Follow:
👨💻 GitHub: github.com/jamesmontemagno
🦜 Twitter: / jamesmontemagno
📄 Website: www.montemagno.com
📰 Newsletter: newsletter.montemagno.com/
Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
My Setup:
📷 Canon M50 Mark II - amzn.to/3P8R7lp
💡 Nanoleaf Elements Lights - amzn.to/3umwJVW
🎙 Blue Spark Microphone - amzn.to/3qgtYkq
🎙 Blue Pop Filter - amzn.to/3jEWM3r
🤳 Rode Microphone Arm - amzn.to/2Z68AlE
🎧 Sony MDR7306 Headphones - amzn.to/372jxta
📲 Stream Deck - amzn.to/373Uk1n
🖱 MX Master 2S Mouse - amzn.to/3d7J2gj
⌨️ Tecware Phantom Keyboard - amzn.to/3aUP4y9
#dotnetmaui #dotnet #beginners #workshop #ios #android #windows