
Learn .NET MAUI from scratch by building apps: an animal selector, a nationality guesser using a rest api, and an imdb-style viewer, while mastering XAML, layout, binding, navigation, and views.
Install .NET MAUI in Visual Studio using community preview and Maui app template, then set up android sdk and emulator with XAML front end and C sharp back end.
Create a dotnet maui app project in Visual Studio 2022 and deploy to an Android emulator; build a hello world label with adjustable text color and center alignment.
Explore the Maui project layout, including solution explorer, mainpage.xaml and app.xaml.cs, and see how resources, fonts, and platform folders organize an object-oriented app.
Explore how to use stack layout in .NET MAUI to arrange content on a page, switch orientation between vertical and horizontal, and control spacing and box views.
Explore how margin and padding control spacing in the stack layout, adjusting left, right, top, and bottom gaps, borders, and background color through horizontal and vertical options.
Explore maui xaml controls by building a stack layout with padding and gray background, including image, image button, entry with placeholder, label, and customizable button styles.
Wrap a stack layout in a scroll view to enable scrolling in a .NET MAUI app, understanding the single-child constraint and how content becomes scrollable.
Learn flex layout in .NET MAUI and how it differs from the stack layout. Set direction (row, column, row reverse, column reverse) and align items to center, stretch, or end.
Learn how absolute layout in .NET MAUI positions content with x and y coordinates and defines width and height using layout bonds, contrasting with flex and stack layouts.
Explore the grid layout in .NET MAUI, learn to define rows and columns, use auto and star sizing, and position content with grid row and grid column properties.
Explore grid span in .NET MAUI, using column span and row span to make a blue box span two columns or a red box span two rows.
Learn to create a content page in dot net maui, place a single grid element as its child, set a background color, and switch main page to the content page.
Learn how to convert a content page to a flyout page in .NET MAUI, configure flyout page detail and flyout, and set up default, pop over, and split layouts.
Create and customize a tabbed page by adding content pages, naming them page one through page three, and adjusting bar colors, icons, and selected versus unselected states.
Import image resources in Maui by adding jpg, png, gif, and SVG files. Rename to lowercase, adjust extensions, width and height, and use SVG scaling for crisp display.
Learn to add external fonts to a MAUI app by importing fonts, applying font families to labels, and adjusting size and color in a black background stack layout.
Learn to add custom font icons in a .NET MAUI app by using Fontello, importing the font, and rendering scalable icons with a font image source and a glyph code.
Master binding in .NET MAUI by mapping object properties to target controls, such as binding the person's name to a label's text, and binding an entry's text.
Learn to bind a specific object to a target in .NET MAUI by creating a model, a binding class, and wiring a label and button to display data.
Bind data in XAML for NET MAUI by adding a model as a static resource and binding its date of birth to a label, then review trade-offs of this approach.
Bind to multiple targets in .NET MAUI by using binding context and direct bindings, displaying ID, name, and date of birth across labels with simple one-line alternatives.
Explore binding between controls in .NET MAUI, binding a label’s text to an entry’s text with XAML, and binding spacing to a slider’s value to link controls.
Explore binding modes in .NET MAUI by binding two entries' text properties, showing one time, one way, and two way modes and the default behavior.
Master Maui navigation by using push and pop on a navigation stack, moving from page one to two to three with push async, then returning via pop async.
Demonstrates building a navigation stack in .NET MAUI and using push async to navigate from the main tab page to a new NAV to page, with the navigation bar hidden.
Learn how to use async methods to navigate back in a .NET MAUI app by implementing push async and pop async with a custom back button.
Create an interactive label using a tap gesture recognizer in .NET MAUI, enabling an x button to navigate back with a navigation pop async in an absolute layout.
Learn to pass data between pages in a .NET MAUI app by using navigation push async and a string parameter, binding an entry value to display a personalized greeting.
Learn how list view organizes large data sets with text and images, avoiding spaghetti code and delivering an organized, optimal presentation in .NET MAUI applications.
Learn to create a list view in .NET MAUI by binding a five-animal string list to the list view item source, with simple layout guidance.
Learn how to use a data template in .NET MAUI to display images and labels inside list view cells, using item templates, view cells, and stack layouts.
Create a public animals class with name, imageSource, and description, build an animals list, and bind name to a label and image source to an image control in .NET MAUI.
Learn to add interactivity to a list view in .NET MAUI by handling item selected events, then navigate to a detailed page showing the animal image, name, and description.
Fix a ListView re-selection issue in .NET MAUI by adding a null check and resetting the selected item, ensuring the previously viewed cell can be selected again.
Compare collection view with list and leverage its capabilities to display data, and learn to add data using data templates in the next lesson.
Replace the list with a collection view in a .NET MAUI app, configure a grid items layout with vertical orientation and a two-span grid, and prepare for cell click navigation.
Learn to add interactivity to collection view with a SelectionChanged event, track current and previous selections, and configure single selection.
Learn how to customize a .NET MAUI collection view by adjusting grid items layout and spacing, using stack layouts, and centering images and labels, then tweak orientation and background color.
Learn how to apply consistent styles in a .NET MAUI app by using styles to reuse button attributes, preventing repetitive copying and enabling palette-based customization.
Apply implicit styles in a .NET MAUI content page by defining a style tag that targets all buttons, setting background color and font size for consistent UI.
Explore explicit styles in .NET MAUI by overriding implicit styles with the X key, applying explicit button defaults to selected elements and resetting others to default.
Apply styles to the derived types by targeting the stack base class, including vertical, horizontal, and normal stack layouts, with apply to derive types enabled and spacing set to 15.
learn to use global styles in .net maui, compare implicit and explicit styles, and apply a shared button style through a resource dictionary in app.xaml.
Build a basic nationality guesser app in .NET MAUI that consumes an API, accepts a name as input, and displays predicted nationalities in a simple Windows UI.
Create a basic front-end view using a stack layout with a bold nationality label, a name entry, and a green, bold guess button, centered on screen.
Add a collection view on the main page, create an item template with a stack layout and two labels, preparing for API data like country and probability.
Explain how an application programming interface connects apps and acts as the engine that takes requests, fetches airline data, and returns responses to book seats.
Explore the nationalize.io nationality api to predict a name's nationality and probabilities, using json data and a C# converter to display results in a .NET MAUI app.
Convert json to c-sharp model classes in a net maui app by generating root and country classes, using pascal case, adding Newtonsoft.Json, and serializing the json data for UI use.
Implement an API service class in a .NET MAUI app that fetches JSON via HttpClient.GetStringAsync with a name parameter and serializes it into a root class using Newtonsoft.Json.
Finish the backend section by building a country names list with countryID and probability, and refresh the collection view via a button that triggers async API service calls.
Learn to make interactive apps for Android, IOS, Windows and MacOS Using Microsoft's latest .NET MAUI Technology by making interactive apps from A to Z, my writing the code only once you will be able to build it to multiple platforms those being Android, iOS, Windows and MacOS, it was originally called Xamarin but Microsoft decided it was best to rebrand and that is when MAUI was created with the same primary features as Xamarin.
I have created this .NET Maui course to teach you everything you need from the absolute fundamentals and to teach you how to create industry standard cross-platform applications, teaching you throughout the course how to use the different components of the framework to create multiple .NET MAUI applications.
In this course you will learn the fundamentals and also learn to create multiple .NET MAUI Applications that will put into practice everything you learned in the lessons, so that you learn how to implement different components in different cases, Another benefit is having multiple applications to add to your portfolio.
Among the Many topics that will be taught in this course are:
- The different Maui Layouts
- Scrolling Functionality
- The different .NET Maui Page types
- Adding external resources to your .NET Maui Project like Images, Fonts, Icons, etc...
- .NET Maui Binding