.NET MAUI Step by Step Build
Вставка
- Опубліковано 5 жов 2024
- 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: docs.microsoft...
💾 GitHub Repository: github.com/bin...
🤩 Patreon Site (Exclusive Member Benefits!): / binarythistle
🎓 My other courses: lesjackson.net/
📕 My Book: link.springer.....
🌲 Linktree: linktr.ee/bina...
🔗 MAUI iOS & Android Confugration: docs.microsoft...
⏲️ 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
My first 3h+ tutorial which I followed from the beginning to the end...I had no issues with anything and that shows how high of a quality this video is...thanks a lot for making it free available
What will the process be like when I install the program on a real phone?
I think Les Jackson besides of being a passionate engineer, he's good at explaining. Really good. I hope he's ok, working hard and enjoying life. Congratulations Les.
Your personality forces me to like the video before even watching it ...great content from a great person.
Just an advice: it does not compile if you use a mapped drive to store/open your project/solution. You will get an error. To avoid this, just open the project using the native path. Regards!
Fantastic job Les
Just a note. For me, the DB wasn't initializing, so I added a little helper method that just calls this: context.Database.EnsureCreated();
In case anyone runs into that problem, that's what fixed it for me. This is a great tutorial. Thank you.
Thank you
Happy to attend your .Net Maui Course
I was checking your channel day by day to see if you publish something for .Net MAui ... hot stuff these days.. thanks!
All I can say is : Yes, Yes, Yes !!!!!!! I have been looking for something like this since Maui was released!! Many thanks Les!!!!
Thanks for your community effort! 🙏All the best wishes to you and your family! 💚
Completed Watching the full tutorial. Looking forward to having more releases on MAUI demonestrating moderate complexity level practical use-case tutorial hopefully soon!
Probably not gonna fit within a 10 hour length.
first project I've done with you. this is the beginning of a beautiful parasocial friendship
I have learnt so much from you SIR. You are a true INSPIRATION.
Sir, I made Maui app after watching your MAUI Tutorial. It's working fine on WINDOWS but not in ANDROID. I debugged the app, and I found that in Android case, it stucks at async await API call and never comes out of it.
Can you please tell us what we have to do in CASE of ANDROID when we are calling external (not local) API.
Thanks ❤️
yazılan herşey doğru çalışıyor iyi takip et
Σε ευχαριστώ για την προσπάθεια και την εξαιρετική δουλειά που έχεις κάνει, σε άλλο ένα βίντεο σου!!!
Great tutorials, Could you please add your timestamps in the youtube video? (so that they are clickable in the video screen)
This is like 20th Microsoft's GUI library they made past 20 years.
I wouldn't spend too much of my time learning this stuff. IMO Flutter is the way to go in mobile app industry.
Good point. MAUI is almost unusable in the real world programming
Hi. Thanks for the amazing tutorial. I learnt a lot. I have a question; how do you deploy the app (especially that it is using an API)?
Buzzing when I heard your accent. Cheers for the video mate.
Thank you for the continued content :^)
Thanks for one more fantastic tutorial, buddy! Just one question... why didn't you need to add Cors things to the request pipeline?
Thank you Les, You are the best, like always.
⏲Timestamp: the MAUI project 1:17:17
kudos for the great tutorial @lesjackson !!!
was able to follow & code along. Thanks Les, you went step by step explaining certain .net concepts too along the line.
Gr8 video Les... its good to know my old WPF skills won't go to waste!!
Very nice work! I'm starting in this amazing world of MAUI and cross-application from embedded programming, nice! Just kindly require what is the best of your video to see in going to APIs knowledge as suggested at 01:03.19. Thanks Les for your effort in sharing such things to all! Fabio.
I love MAUI, BUT why is Microsoft NOT using MAUI in their own major projects, such as their own flagship applications? Only when Microsoft creates their flagship products using MAUI, the community will feel confident on this product. As that will prove that Microsoft will have to make MAUI successful for making their flagship products successful.
i thought the did/migrated azure?
This was a nice lil course man, Thanks!
Thanks for the great video, it really helps me in understanding its architecture and integration with APIs. I have a request for you to please create a similar tutorial on MAUI Blazor App development as well
goog to see you back! Carlo
I always ♥️ your introduction..
Thank you- Les Jackson. Good on you.
Thank you Les! Your videos have been great and I have learnt a lot through them!
Thank you so much Les
You can run the app on a locally attached iPad using a windows dev environment. Need iTunes and an attached IPad via usb. Obviously cannot build an .exe for distribution without a Mac, but can test it locally.
Yes, was waiting for this one!
Thanks a lot for these valuable courses Les! :)
40:30 installing Sqlite stuff that was just so funny. I wanna use the cool in-vogue CLI (instead of the Nuget manager UI) but its hard to remember the stuff I need to type. So I''ll use a different GUI to find the package (which is exactly what I would have done had I used the Nuget manager UI), then copy and paste the thing I need to type into the cool CLI tool.
There were no GUIs when I started coding, there was only CLI. We built GUIs even for tools we as developers needed to make our lives easier. We no longer had to commit to memory a bazillion cryptic command functions and the Cartesian join of the plethora of Cli switches that came with them. I don't understand the modern fixation with using a CLI especially when a perfectly usable GUI is available.
Because when you know the way to do it in the CLI, it's probably faster.
I also do most things in the GUI, but if you use a program that has a CLI or a GUI very often, using the CLI will most likely be faster.
The other reason could be... nerds... they feel like it's part of their blood using the CLI only.
Agree. That fascination dies quickly when you have to type in multiple case sensitive sub-directories because someone in your group or project is anal about putting everything in its very own directory.
Good video , Can you please make the video with a project very similar to this one but with not minimal Api and Sqlite use Sql server instead ????
Great tutorial as usual Les.
In WPF, I can do this:
I want to do the same in MAUI (note I have changed the Image size in the button content) can I do so?
Also, as you mentioned a large 4k display as a potential reqquirement, in your video; I'd like to know how to resize the main form to fit the monitor too. In WPF this is trivial and fairly obvious. Is it as trivial and obvious in MAUI?
Woah. It simple but great.
One question, at 01:06:51 you copy the name ToDoName, but in JSON written inside Insomnia tool into the POST request you wrote instead toDoName, it is case insensitive? Could you exaplain this point better? Thanks!
Great tutorial Les.
If the layout could be created using C# in a declarative style would be phenomenal! Could had a potential to fight Dart/Flutter...
@@cocacola7535 such a poor boy...
your channel is the greatest
Hey Les. I have just spent a total of close to 24 hours (that’s actual time screwing around with visual studio) trying to get a damn Bluetooth app to work in Maui. I have been using Xamarin for years, since it first came out. The fact that I have to jump down, turn around and pick a damn nail of cotton to try and find a solution for Bluetooth that works seamlessly across platforms pisses me off to the point where I want to throw Gates off a damn bridge. Yeah is Super Fantastic to have some buttons and a list of monkeys but when you have REAL worn to do, you can’t do it cause the platform sucks! I am extremely frustrated
Les, at 35:04 you mentioned ‘you wouldn’t want to package up the data service and models into a separate project for reusability’. Why is that so? Wouldn’t it actually make more sense to reuse the code in the backend api which can also utilize the same models, dtos, requests, responses etc classes as well as any http api client calls?
I made it to the end, luckily with minimal errors. I think i did mess up the API or networking somewhere, since i do not see the "finish endpoint" tasks on my screen, but the buttons work halfway. When i add a new task, it doesnt seem to add it on the screen. i am still just a beginner so i am not even sure what to do, but i learned a lot while doing this tutorial and im sure i will be able to go back myself and fix it without looking up too much... hopefully soon
Same here, even after I cloned the repository, I couldn't get it to work
Same. I have retyped the whole thing like 3 times and idk what is wrong.
Awesome video Les. Did you used to be the guy from Grim Reaper? Haha
So nice explanation!!!
Excellent video, really very good. This is how I wanted to start learning MAUI. But a question, since with MAUI I can make desktop applications for Windows or MAC, why I can't find anywhere how to print reports? Before .NET 6.0 it was easy, but since .NET 6.0 it has been very difficult using WPF.
In desktop applications I would like to use MAUI for many reasons, but not being able to print is a problem for me. Any suggestions? Thanks for this tutorial.
Great can you make more video on Same as Maui blazor crud in web API ??
Thanks for your courses! you are teaching me a lot! How can I donate you?
Lovely! Many thanks!
Great work. Thank you so much!
Hi. Thank you for the very informative video. Just wanna ask how can you connect db from sql server instead of the sqllite coonection you have specified in one section of this video.
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddDbContext(opt => opt.UseSqlServer(builder.Configuration.GetConnectionString("Default")));
var app = builder.Build();
{
"Logging": {
"LogLevel": {
"Default": "Information",
"Microsoft.AspNetCore": "Warning"
}
},
"ConnectionStrings": {
"Default": "Data Source=yourservername\\SQLEXPRESS;Initial Catalog=ToDo;Integrated Security=True"
}
}
This is a really good tutorial but it does not show how to use MVVM. Are you planning to do a second part of this tutorial in which you will be using the MVVM pattern as well as data binding?
great tutorial, thank you so much
I after following everything to the point 2:28:30 I encountered the error *resource xml/network_security_config not found*. Had to right click on the config xml, select properties, under Advanced, build action, select AndroidResource in the options. Resolved the error.
Thanks for the amazing tutorial video 👍
Can you please help me in how to integrate Zoom Meeting SDK in MAUI
What an introduction 😀
Thanks for a great video! btw, are you planning to review winui3 as well?
Great video, Thanks.
1:19:00 maui starts
Always great videos
Really amazing. Thanks
Muchas Gracias por tu dedicada forma de explicar, lo hace ver todo mas facil!, sin embargo es frustrante esperar tanto tiempo para que el emulador este listo y poder apreciar y probar la aplicacion, si no es que tengas una monstruosa maquina para poder desarrollar , sino el tiempo de desarrollo y depuracion se hacer realmente insoportable, y a esto; ¿Hay alguna modo o extension para Visual Studio para usar un dispositivo real como emulador de android?, una vez encontre en B4A algo parecido como modo bridge entre el lenguaje y el dispositivo, super genial para diseñar y depurar. Saludos desde Chile.!
What do you recommend for .NET cross platform support with Linux included?
Thank you very much
Shouldn't the app be using MVVM architecture, so that the code behind doesn't include logic (dataservice for example), and thus following the separation of concerns principle. Shouldn't the logic be packed in a ViewModel? Thanks.
Ahmed What will the process be like when I install the program on a real phone?
@@yasin_akar communication with backend via api
Fantastik !!!
Fantastic Less👍
Thanks for this video
What will the process be like when I install the program on a real phone?
Thank you very much! You look somewhat like Henry VIII.
In order to tes the app in a real Android environment, so a Phone, I think we have to pack the API and the App togeter before doing the deploy on the phone, do you have some video or instructiuon how to do that? Thanks!
Muchas gacias por compartir esta infor!
thank you, this video is very good.
Increíble video 🤙🏻
Good video...thanks!
You keep mentioning a free course on your website for DI. I can only see the course, which costs money. where/how can I enroll for the free DI couse?
great job 👏👏
Thankes 😇
thanks for a good tutorial ;-)
awesome video but how can I build the standalone .exe version, ??
What are the complete steps to create a PayPal adder money program?
When I navigate to a new page, that page has to do a bit of set up, I've put it in the OnNavigatedTo, the page is a bit slow while the data loads up. Is that the bext place for it ?
I have built this think like three times and still cannot get the items to display on the main page. Additionally the items are populating as null when I insert them from the ui. I have tried debugging and retyping the whole project. WHAT AM I DOING WRONG?!?!?!?
why at 1:48:08 are we checking if there is internet when we are using a local database i would understand if it was a remote api call but i would like the app to work even if there is no internet
Mantap!! Thx ya
Just one thing. What is the point of using SQLITE? We need a central database in the real world ???
Where are the view models?
Thanks
cheers les pal
.NET MAUI, thanks
How about desktop application ?
excellent tutorial!!
Can you look into UNO?
How to Deploy together with Api to Apk?
So how do I access this database remotely?
can you help me please as I am having trouble everything was going well up to the point I got to the dotnet ef migrations add and the migration file I don't get what you get I just get problems could you help me please
So this is .NET MAUI Step by Step Build Tutorial of 3.5hr aprox. out which first 2hrs were only about how to make a minimal api.