Learn MVVM with .NET MAUI

Create a .NET MAUI project in Visual Studio using the MAUI app template, target .NET 7, name the project, and prepare to learn why MVVM is used in MAUI.

Learn why mvvm decouples the user interface from logic in net maui, avoiding code-behind dependencies, enabling parallel development, and placing navigation, services, and data binding within mvvm.

Explore how mvvm splits data, view, and view model; use data binding to connect the view with the model and handle events without direct view logic.

Explore how commands enable interaction with buttons, gestures, menu items, search bars, and lists in MVVM for .NET MAUI, avoiding code-behind click events.

Organize a .NET MAUI app with MVVM by creating view, model, and viewmodel folders, and bind a sign-in command from NewsViewModel to a button in NewsPage.

Bind the entry text to the view model's username property, then pass that value from view to view model via the sign-in method in a .NET MAUI MVVM app.

Learn how to implement INotifyPropertyChanged in a .NET MAUI MVVM setup by binding an entry to a username property and updating a label in real time when the property changes.

Install the community toolkit NuGet package 'Dot Nvme' using manage NuGet packages, then add and install it to simplify code in the news view model for the next lesson.

Leverage the MVVM Community Toolkit to replace boilerplate INotifyPropertyChanged with observable object and observable property attributes, auto-generating properties in a partial news view model and binding them in XAML.

Explore relay commands in a .NET MAUI MVVM app using the community toolkit to auto-generate login commands, bind them to a button, and reduce boilerplate.

Learn legacy mode navigation in MVVM with .NET MAUI, using code-behind navigation.push async and shell-based navigation via Shell.Current to reach a news detail page.

Learn shell-based navigation in .NET MAUI using Shell.Current.GoToAsync to move from news page to news detail page, register routes in AppShell, and pass route names or page types.

Learn to pass data between pages using shell-based navigation in mvvm for dotnet maui, employing route query parameters and query property attributes in view models with the community toolkit.

Bind the label on the news detail page to the user_name in the news detail view model. Use namespaces and query-based parameter data.

Explore passing a full user object between views in a .NET MAUI MVVM app by using a dictionary with string keys and object values, and observable properties.

Bind the name, email, and phone properties of the user class to three labels on the news detail page, demonstrating binding in a .NET MAUI MVVM app.

Learn to build a simple news app with mvvm and dotnet maui, fetch latest news via restful APIs, and navigate to detail views.

Design a news page using a collection view in a .NET MAUI MVVM app, with a vertical stack layout, image and label inside a framed data template in XAML.

Create a News model with id, title, content, and image url, and build a mock news service that returns a list of dummy data for MVVM in .NET MAUI.

Implement the news view model with dependency injection and a mock news service, exposing a get news list method and binding via constructor injection to an observable collection.

Bind the collection view's item source to the news collection in the view model, bind the image source to the image url, and the label to the title.

Learn navigation via a go to details command in mvvm for .NET MAUI, passing selected news to the detail page through a dictionary and wiring dependency injection and binding context.

Bind the news view model command to the collection view, pass the selected item to the news detail page, and enable a single-selection navigation via the selection change command.

Create the news detail page in a .NET MAUI MVVM app by binding the image to news.image and text to news.title and news.content, enabling navigation from the collection view.

Create json data for a news api by writing dummy news objects with id, title, content, and image url, then prepare a mock rest api endpoint for testing.

Generate a sample news api from json data by creating a fake rest endpoint and exposing design data via a url, with corresponding c# model classes for .NET MAUI.

Create a new http client service to call rest APIs from the dotted movie app, using get async to fetch json news data and deserialize into a list of news.

Replace mock news service with a new rest api service in news view model, call get news async method, and fix reselection by resetting the selected news to null.