Learn Mobile App Development with .NET MAUI

Create a new .NET MAUI project from a cross-platform template, name it, and center a hello world label via XAML with horizontal and vertical options, using hot reload.

Explore the Maui project architecture by inspecting the solution explorer, main page setup, resources and platforms folders, and routing to page one, with platform-specific code housed in dedicated folders.

Explore stack layout in MAUI by arranging box views with vertical or horizontal orientation, adjusting spacing, and using an entry control while noting the single child content property.

Learn how to center a stack layout, apply vertical and horizontal options, and set margins and padding to control space around and inside the elements.

Explore XAML controls in .NET MAUI by building a vertical stack layout, adjusting margins, font sizes, and text color, and using entry and image controls with placeholders and resources.

learn how the circle view, a scrollable layout, allows a single child to hold multiple controls and enables scrolling on small screens in .net maui.

Explore the .NET MAUI flex layout, adjusting orientation, alignment, and responsiveness by creating three colored labels and testing justify content, align items, direction, and wrap.

Learn how to build a 2x3 grid in .NET MAUI using grid layout, with absolute, auto, and proportional heights and zero-based row and column indices.

Explore grid span properties in MAUI, learn to remove and insert buttons, and make a button occupy multiple columns or rows using column span and row span.

Navigate through a hierarchical flow in .NET MAUI by pushing to pages, observing the navigation stack grow to three, then popping back to previous pages and returning to the root.

Add a content page in a .NET MAUI project by right-clicking, selecting new item, and choosing a content page; remove the title property to prepare navigation in the next lesson.

Implement push async navigation by adding a button on the main page, handling its click to push the second page, and configure a navigation page with the navigation bar hidden.

Add a button on page two labeled 'never get back' and handle its click to navigate back. Replace push async with navigation.pop async to return to the main page.

Learn to implement modal pages in .NET MAUI by replacing the default back button with a custom navigation bar, a cross icon, and a tap gesture recognizer to navigate back.

Explore data passing during navigation in a .NET MAUI app by sending the main page entry text to page two via push async, binding it to a label.

Explore the list view concept in .NET MAUI and its use case for displaying fruit names in a mobile app, using stack, grid, or flex layouts.

Learn to implement a list view in MAUI by creating a string list of fruits and binding it to the ListView using the items source property.

Learn to display multiple views in a ListView using an item template, placing a fruit name in a label and a fruit image in an image control.

Define a fruit class with name, image, and sentence properties, populate a fruit list, and apply data binding to a list view with image and text bound to fruit data.

Enable interactivity with list view by handling item selection and navigating to the fruit detail page, passing the fruit name, image, and sentence.

Design a fruit detail page in .NET MAUI, showing an image, name, and sentence, and bind data from a selected list view item to the detail constructor.

Explore implementing collection view in MAUI, replacing list view with collection view, configure grid and linear item layouts, set orientation vertical and span, and handle the collection view selection event.

Handle collection view selection changes by using current selection and the as keyword for typecasting to fetch the first item, then configure single or multiple selection to enable navigation.

Adjust collection view spacing by setting horizontal and vertical item spacing to 20 units, color a stack layout to differentiate items, and observe the layout changes.

Build a rural news app in Malawi using .NET MAUI, consuming RESTful APIs to display headlines in a homepage collection view and read full stories on a detail page.

Design a news page in .NET MAUI using a grid layout with three rows of auto, auto, and static heights, center a title, and plan a collection view for categories.

Learn how to build a categories collection view in .NET MAUI, using a horizontal linear items layout, defining item height, spacing, and a data template to display category names.

Add a vertical news headlines collection view, reusing the categories layout, with a news image and a headline label in each item, then bind data in the next lesson.

Learn to consume the news API by obtaining an API key and using the top headlines endpoint to fetch English headlines, with language and category filters in the free plan.

Convert a JSON response to C# model classes by deserializing JSON, using JsonProperty attributes for property names and Pascal case, and creating Source, Article, and Good in a models folder.

Create an api service class to consume a rest api using http client, implement asynchronous get, post, put, and delete operations, and map json responses to models via deserialization.

Consume the news api to display articles in a collection view by fetching data with an api service on page appearance, binding article titles and images.

Create a public category class with a name property, populate a categories list from the news API, and bind the categories collection view to show category names.

Learn to change news by selecting a category in the collection view, pass a lowercase category name to the api service's get news method, and clear the articles list.

Navigate from the news collection view to the detail page by selecting an item, passing the article data (title, content, image), and disabling the navigation bar on the detail view.

Design a news detail page by binding article image, title, and content to UI controls, set margins and image height, and bold, underlined title for clear presentation.

Explore changing the image aspect property in the news page using the image control, compare aspect fit and aspect fill, and apply fill to improve visuals.

Fix category navigation in a .NET MAUI news app so sports headlines load the correct category and detail page, using a boolean field to control the default big news behavior.

Learn how to apply implicit styles in .NET MAUI by configuring a resource dictionary, targeting label controls, and using setters to change text color and other properties.

Apply explicit styles in .NET MAUI to color specific labels red while leaving others unchanged. Define a style key, assign a static resource, and apply it to category labels only.

Learn to implement global styles in a .NET MAUI app by defining a style in the resource dictionary and applying it to all labels for black text across the app.

Explore toolbar items in dotnet maui by adding text and images to the navigation bar, creating item one, item two, and item three, and adjusting their priorities to reorder them.

Add toolbar items with images by adding an icon to resources, setting the image source, and configuring the order to primary for the navigation bar; next, implement the event handler.

Handle the toolbar item click event in a .NET MAUI app, wire the toolbar event handler, and implement sharing content to social media using the essential plugin and dependencies check.

Navigate MAUI essentials documentation and configure the plugin, follow guidelines, and add necessary iOS Info.plist entries and Android permissions for .NET MAUI apps.

Add iOS permissions by editing the Info.plist in a .NET MAUI project, inserting photo library usage descriptions, copying keys, and noting that Android does not require these permissions.

Share news with the essential plugin to post article text and links to social media, including WhatsApp and Twitter, from a .NET MAUI app. Wire the clicked event and toast.

Build a weather forecast app with .NET MAUI, featuring onboarding, location-based weather data, and city search, by consuming open weather map REST APIs and creating a MAUI project.

Explore how to fetch weather data using the open weather map API, including current conditions and five-day forecasts, by passing latitude, longitude, and API key in .NET MAUI apps.

Create C# model classes from a JSON API response by adding a models folder, defining a root class and properties, and converting the data into MAUI-ready models.

Create an api service class in a dotnet maui app, implement get, post, put, and delete methods with an http client, and deserialize json responses into root objects.

Add a get weather by city method in the API service class, using the open weather map API for five days and passing the city name as a string.

Design a weather page using grid layout and stacked rows, import assets into the images folder, and place labels for location, city, humidity, and temperature with weather icons.

Add a collection view to the weather page in a horizontal direction using a linear items layout to display weather image, temperature, and daytime, with a copy-paste technique.

Consume the vector api to display current weather on the weather page by calling the API service's get weather method with latitude and longitude, asynchronously binding city name and description.

Display current weather data by showing temperature in Celsius, humidity, and wind speed using the open weather map API with metric units, including rounding and UI binding.

Display weather images by wiring dynamic icons from the weather API, following open weather map guidelines, and adding a full icon property for custom icons.

Learn to build an hourly weather collection view by consuming vector API, populating a weather list, and binding it to the collection view's item source in a .NET MAUI app.

Bind weather data in a collection view with image bound to icon and temperature bound to main.temperature. Convert unix time to utc time for the date display.

Learn to obtain the device’s geographic coordinates in a .NET MAUI app by implementing a get location method using geolocation, handling permissions, and testing on real device or emulator.

Tap the location to fetch weather data for the latest device location, using a tap gesture and asynchronous code to retrieve weather data by latitude and longitude.

Fetch weather data by city in .NET MAUI by prompting for a city name and calling the Get Weather City method.

Design a welcome page in a .NET MAUI app with a stack layout containing an image, three labels, and a button that navigates to the weather page on first launch.

Use version tracking to show a welcome page on first launch and switch to the weather page on subsequent launches, by invoking the version tracking track method in .NET MAUI.