Learn .NET MAUI - Full Course for Beginners | Build cross-platform apps in C#
Vložit
- čas přidán 27. 07. 2024
- 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 - Věda a technologie
IMPORTANT UPDATES:
1.) 00:45:30 Set the color of the label in part 1 for monkeys to Gray
2.) CommunityToolkit.Mvvm there were some changes in Preview 4, I have updated the readme
3.) 01:51:00 [ICommand] is now [RelayCommand]
4.) 01:30:00 [AlsoNotifyChangeFor(nameof(IsNotBusy))] is now [NotifyPropertyChangedFor(nameof(IsNotBusy))]
.NET MAUI is now GA! Go read all about it - devblogs.microsoft.com/dotnet/introducing-dotnet-maui-one-codebase-many-platforms/
I also want to see your apps as you are following along with the workshop! Tweet at me twitter.com/jamesmontemagno!
If you loved the course hit that LIKE button and if you really loved it and want to further support the channel think about hitting that thanks button to tip or join to join in and get membership perks.
I started watching this to see what new things I could pick up while working on my own application still in RC3, and I thought it would be cool before GA, then I see this comment and I got really excited haha time to update to GA xD
Thanks for the awesome content James!
Q
While I was watching this video, I got to the part for working on the BaseViewModel and saw you enter in AlsoNotifyChangeFor. No matter what I did, my Visual Studio Community Preview 2022 kept saying AlsoNotifyChangeFor was not found. I kept checking the internet for the answer and found some examples that showed it was coded correctly but still could not resolve the issue. I was wondering if my Visual Studio was missing something or the Project was missing a reference. Then I looked in the ReadMe in the GitHub for that part of the video and found it had NotifyPropertyChangedFor instead of AlsoNotifyChangeFor so I tried that and it worked. Then found your comment here about it.
Thanks for keeping us updated! Keep up the great work!
As with @katie909CA - but I spent best part of an hour before I found this breaking change comment. Should either pin this comment with any deviations from source, or put them directly in the description. Thanks!
pin this comment in top
The quality of the course from all aspects is outstanding. Many paid courses don't even get close to this. I find it strange some people watch it and learn a lot from it and never hit the like button.... yet it doesn't cost them a thing. Thank you James for the outstanding work and effort you put into this.
I totally agree, James has talent to explain very well, it is a native teacher, one of the bests I saw
It's almost like people have different standards and reasons for liking videos. 🤔
@@BananaDynastyX yes, the fake overly cheery smile is a bit hard to get used to in the beginning. It has untrustworthy vibes. I'm sure he's great but it's off-putting.
Maybe because he is leftist
It is because people watch it 100 times and can only like it once.
Great course, thank you! My suggestions for additional video topics to cover would be:
1) Localisation and translations for strings.
2) Splash screen and app icon (how to create the images and update the app)
3) Local DB storage and forms (CRUD - maybe creating monkeys, etc...)
4) In app purchases and subscriptions (and giving access to additional areas of the app afterwards)
5) Authentication (maybe using Azure AD B2C)
6) Unit testing
It's finally here! Looking forward to complete the full 4 hours. Thank you for your contributions, James.
This is amazing! Perfect timing for my personal project! Thanks James, you are a hero!
What a great video ! So far definitely my favourite on MAUI. I love it how it is a deep dive on architecture, MVVM, Navigation and etc. Looking forward to seeing and learning more !
Thanks so much for this detailed tutorial James! The content covered was super helpful for understanding a lot of the concepts. For me it answered a lot of questions about implementing and gave me some great ideas for simplifying and speeding up projects I'm working on. Really appreciate all the effort you put in for all the content you upload.
Probably one of the best tutorials I've ever done. Very well done. Thank you for putting it together.
Thanks for all the hard work James. I enjoyed the entire workshop, especially the sections on MVVM and Navigation.
My gratitude to you for each and every video you create and esp. this great course which is not just making us learn new things in an easy way but also inspiring us to create some really good solutions around it.
Great tutorial James. I really like your presentation/ teaching style. It's very laid back and easy to follow. Also love seeing fellow CLEvelanders!
Agreed 💯 James is great. Except that cap. 😅
I have watched now one and a half hour and this course is amazing!!! Especially that you update the readme so people like me who are watching this video 9 months later have no problem to run this tutorial. Thank you very much
Without any doubt one of the best tutorials I have ever watched. SO good I will watch it again to pick up all the bits I missed the first time.
Thank you for a absolutely fantastic course. It really covered the topic well and I learn a stack of new snippets of useful information on top of the new Maui things
I have never been excited like this before! great work James!...we appreciate your work
I appreciate that!
I watched your videos for different topics but now with this complete tutorial it makes so much more sense :)
Great to watch someone talk fluent MAUI! This is the most efficient and valuable introduction to a new topic I have ever seen. Thank you!
Wow, thank you!
What a fantastic course! I watched the entire thing once and then again with side by side implementation! Loved your explanations on the inner workings of how .Net Maui makes things better. Made my entry into .Net Maui painless and I actually look forward to doing more with the new new.... Cheers!
Monsieur James Montemagno, votre contenu est vraiment de qualité supérieur!
Merci pour ce cours magistral!
I just came across your channel and I am blown away with the high quality of videos and materials that you have produced. Tutorials, concepts, Github repositories- everything is thoroughly explained and seamlessly formatted, making the learning experience smooth and enjoyable.
You are a treasure to the community! Thank you for all the amazing work! 🤩
Thank you so much. Glad they are helpful
I finished your amazing course, every thing is simple and clear, It's awaisome man. Thank you for your hard work 👌👌
Man! Thank you so much for your incredible work. I found your channel while looking to better understand MVVM concepts for me to apply on WPF development 😅 I can’t wait to tap in to this, thank you for your beautiful work man
You rock man. Amazing as always. Have been following you for years, you are great at explaining tech at different levels of complexity
Really a great work, James! You brought everything to the max. Organization of the course, its delivery method, the video production, themes and the whole ambience, everything well done, Pro Max! Better than many many commercial courses out there. Thanks very much for the great effort you put in this.
Glad you enjoyed it!
Most awaited course finally released
James! You rock. Simple and easy to follow, can’t wait to get started with my first MAUI app
I am taking this workshop at the exact same week with a live training. Great content I am getting here, more than my live training.
At the end you asked for potential part 2 ideas - here are a few:
- Bottom tabs/flyout
- Settings screen with some persistent settings
- Possibly local db or at least some local storage - e.g. make a list of favourite monkeys
- Different idioms/platform rendering e.g a module on supporting iPad vs phone. Could deep dive on splitscreen vs full screen on iPad or just the basics?
Thank you for what you did for community. I’m really appreciated. This course is extremely useful.
Glad you enjoy it!
This course was wonderful. As a former wpf person, a lot of the xaml is very familiar, but it's just different enough that this really helped ground me in MAUI. Can't wait to see the intermediate level course now. ;)
Good job as always. Maui has really made progress recently. Thanks!
For Viewers, who watch this tutorial later, at this time, [AlsoNotifyChangeFor] has been renamed to [NotifyPropertyChangedFor] in a later version of the MVVM toolkit. Just you know, if you get an error ...
[ICommand] renamed to [RelayCommand] as well !!!
Thanks a lot.
I am glad I noticed this entry, as AlsoNotifyChangeFor is no longer supported. Thanks.
Amazing delivery and practicability, as always on your channel. Quite a handbook to revisit and keep around. Many thanks!
Thanks a lot James
Diamond Tutorial , you aren't only the first one that show us how .Net MAUI works , but also the best one that do it.
Thank you very much for sharing this video and for speaking slowly for the best comprehension of non-native English speakers. I'm just at the beginning of the video and already put my like. I've also subscribed.
James, would you please give us tutorial about using MAUI and Blazor Web Server to make an internet dependent app e.g. simple chat app (as single solution). Thanks for considering this as important things to be made later. 🙏
Hi @James, Thank you for your great work, by the way, Could you please share some lights on How to integrate SHINY lib with .NET MAUI, especially Bluetooth part. Thanks in Advance
What a wonderful session to catch up on everything (almost) Maui has to offer. Thank you
wow, Maui is great and I like the mvvm in the toolkit! Thank you so much for explaining. I used preview 4 to follow this(you do preview 1 here) and there are some minor differences but man, I'm happy to have looked the whole video and coded along with you. I bow deep!
I'm really interested in maui and this coarse looks amazing but what do you think about maui compared to avalonia ui if my target is desktop only, especially that maui does not support linux
@@S3Kglitches I believe you are missing something, in some (cases like mine) my target audience are developers, so linux makes up a significant portion of potential customers
Try Flutter, you can use it to create awesome Linux apps easily
@@30scoding97 can't do this because there is existing code in c#
WOOHOO, there it is! Let's find all of those monkeys!
This content is gold! I saw people selling courses with less content than this!
Congratulations! The way you present it and your energy make it easy going!
Glad you enjoy it!
Your tutorials are insanely good, you go through every detail, like the generating code. It helps me understand 100% of what's going on. Thank you very much, most satisfying tutorial for me.
Great to hear!
Thanks for this upload James. Exactly what I have been looking for.
My journey on MAUI started here. Thanks!
Awesome course James - looking forward to this!
Great tutorial. Personally, I want to thank you for your work in that video. I learned a ton of information about the framework. Keep doing it!
Thank you very much for sharing your knowledge with us. When it comes to the content, AMAZING!
You spoil us, James! Thank you so much for all your hard work
What a great and short overview of the technology, exactly what I needed. Thanks!
We've been waiting ... and waiting... Thanks for all your hard work.
Don't forget to REBUILD the Project, this will fix dependency errors.
While I'm still on the first video, I'm trying to layout a flowgraph in my head on how Maui and MVVM tool kit fit together. Amazing Tools and an Amazing teacher! Thanks a million
One of the greatest easy to follow, easy to understand to learn videos I have seen. Great work! I would love to see a video on implementing Bluetooth connectivity and functionality. :)
It's so great that you've also made the course in text format in the readmes
Hey James, I just wanted to say, I love how you did this course! You have a fantastic way of presenting the topic and making it accessible to people. Anyhow, I'm grateful for your effort and being able to learn from you. Thank you!
Thank you so much! Glad you enjoyed it!
Dude, you are AWESOME!! Enjoying learning maui. Can't wait for the full release on macOS. 🙂
Just now I started to migrate my project to net maui, and you droped out this course
An amazing course! Thank you James for this! It's really useful!
Thank you so much James. What you have done is superb.
I am really up for a second part of this workshop touching some other MAUI features and data manipulation.
I would love if you can make a workshop driving us and explaining the development of the weather app that Microsoft uses as reference. On the same route, a workshop where you guide us through the implementation of the podcasts app would be greatly appreciated.
This is a great video for beginners James, thank you. It would be great if you could continue on from this video and include things like how you would do an add to favourite swipe action with a favourites list in a tab. Separate list? Same ViewModel? etc.
Jim, thank you for your smile and for telling the story in a really interesting way. You are a unique and wonderful person. I wish you a happy life in your work 💚
Oh thank you James.
This presentation was awesome and useful. in fact so much better than other ones and yes again Thanks a lot man.
Just got to the end. Amazing. Thank you so much
Great! I love your courses and videos. You are always enthusiastic! We are currently on Xamarin and migrading to MAUI and your vidoes are really helpful for us.
Wonderful!
Finally completed .Net MAUI workshop and it was an awesome walkthrough. I enjoyed a lot and looking forward to create amazing and useful apps.
Great work James. Keep it up! Thanks!
Glad it was helpful, and glad you enjoyed!!!
Just finished the workshop. Really enjoyed the workshop, thanks for the content. You did a great job!!
Glad you enjoyed it!
Hi James, i looove your communication style, i feel so confident with you, i feel that i can learn anything right from the start, thanks!! keep it going
Amazing content James, thank you for sharing this knowledge with us!
Excellent, James, I'm excited to learn MAUI.
It's a totally a great day to see maui tutorial after watching MSBuild!!!
This is a really great video! I was really happy that you hit on so many topics including maps/location. I think I'm definitely going to be revisiting this video!
Yay! so glad you enjoyed!!!
This is the best workshops that I've watched ever.
Greate course i am really looking forward for the part 2 :), it will be interesting to see more about navigation tab, and best practices on MAUI solution structure.
I'm a big fan of XAML bindings and also the simplicity of XAML designing layouts. I feared it would die together with Silverlight, but it didn't. Good to see all the good stuff survived, in this every changing world of programming technics. .NET MAUI surely has my interrest for future development projects.
Thanks James, great content. This will sure help. Thank you.
Great Video James. Cant wait to code in MAUI
Wow, after pulling my hair out for months try to wrap my head around MVVM, I finally got it. My biggest problem has been to make MVVM work with the way I'm used to coding instead of coding the way MVVM works. Once I got passed my dumbness, this changed how everything works. Great job and keep up the amazing videos!
Great course presented at a reasonable pace with emphasis on what matters. Will definitely be looking out for more videos by James.
Awesome, thank you!
Great course btw, thorough and well presented! Dipping my toe back into the .net waters from the murky lands of js.
Welcome back to the .NET waters! It is nice in here :) Glad you enjoyed it!
Really appreciate your effort. Thanks a lot! nice course! Best Regards from El Salvador!
Thank you very much James! Great video! You are very clear about the explanation!
Just finished the workshop, absolutely incredible! Are you planning a part 2? I'd love to see it. Also, are you going to do a video about best practices with the community toolkit ICommand and CanExecute and stuff? I didn't find any explanation for it.
Great tutorial! In explaining MVVM you wrote some code, explain what it is and why you don't use it and what code you use instead is especially helpful for understanding the code.
What a legend💪🏻 thank you for your contribution
James, you're amazing. I'm halfway through the course. You really make it a fun and plesant experience. Thank you.
Fantastic!
Amazing workshop! I Love the community.mvvm toolkit. I had no idea it existed. I'm excited for part 2 !!
Glad you liked it!
From zero in .NET MAUI, with your video, I had worked along for a few days. Now, my understand is so clear. Thank you so much. Your course has clear explanation, great support material and was presented in very exciting manner. You are great. Thank you again from Bangkok.
Wonderful!
Gratzi Mele James!! This is outstanding!! Gonna do this later this week!
Great workshop, thank you for your efforts. Looking forward for a video on authentication using .net Maui. Thank you
This covers most of the topics. Thank you very much. 👌👌👍👍
Amazing workshop, As a newer .NET developer I definitely learned a lot here. Thank you!
I would be majorly interested in seeing how we would go about creating interfaces for the Shell Displays as mentioned in this video, and how to integrate Relational/non-relational Databases in the future :)
Amazing video. I really appreciate the amount of effort you put in creating this video. Keep up the good work.
P.S. The sasquatch part gets me every time 😀 gj
Amazing video. Some moments I knew after WPF, but others were very useful to start creating an application.
James, amazing workshop! I'm excited to apply the concepts you presented, in great detail I might add, to develop a field tracking app. If I create a post for LinkedIn/CZcams, I'll drop a link here. Future topics of interest to me would be around developing a robust, secure, backend data service and how to publish business specific apps. I really appreciate all the effort you put into this and publishing multiple versions that followed the workshop topics was brilliant. I was following along but at one-point my project didn't compile. Having the completed version to compare against saved significant time vs. rewinding and retracing steps.
I would really like you to know, that this is the best coding youtube video that I have ever watched! Really awesome!
Amazing video - I learned a lot, and I can't wait to put some of these skills into work while developing.
Thanks for this and all that you do for the community. I really enjoyed this video.
Glad you enjoyed it! Tell a friend ;)
Gracias a este tutorial entendí un montón de conceptos que no entendía, hace poco empecé a programar en Xamarin y ahora estoy migrando a net Maui, muchas gracias por este contenido, es excelente. Si en algún momento puedes subir algún tutorial de Notificaciones push en segundo plano y que reciba notificaciones aun con la aplicacion cerrada será de mucha utilidad para mucho que recién comenzamos. Saludos desde Argentina.
Great course, thankyou. As a long term WPF developer, I'm excited to start using Maui - it seems like a massive step from Xamarin Forms :)
Glad it was helpful! I agree with you, lots of new fun stuff!
Your contents are useful, thank for sharing your knowledge mate.