.NET MAUI course with Visual Studio 2022 creating PROJECTS

Explore how XAML files define Maui app interfaces, connect to code-behind, and manage namespaces and prefixes, including the initial page and shell and content pages.

Explore the basic structure of XAML elements in .NET MAUI, including opening and closing tags, properties and attributes, hierarchy, and how to set text color on labels.

Explore the .NET MAUI app structure by understanding pages, layouts, and key page types such as content, navigation, and tab pages that fill the screen.

Create a new dot net maui project using the app template, name it pages demo, and set the home page via the app shell and main page.

Identify the content page as a dot net maui page with a single root element, add layouts like scroll view and stack layout, and set it as the initial page.

Navigate a Maui app using a navigation stack that pushes and pops content pages. Explore configuring the navigation page, bar colors, and page transitions with push async and pop.

Explore the flyout page type in .NET MAUI, converting a content page to a flyout, wiring layout and detail sections, and testing the split behavior on Windows.

Create a tabbed page in maui using the tabbed page type, with titled content pages and an initial page, then assign icons via icon image source from the resources/images folder.

Explore how layouts organize and size user interface controls in a page, analyze each layout’s positioning, and compare visual simulations to distinguish their behaviors.

Learn how the stack layout arranges UI elements in a single dimension, with vertical or horizontal orientation, spacing, and per-element positioning via vertical and horizontal options.

Explore horizontal stack layout and vertical stack layout in .NET MAUI, derived from stack layout, with demo pages that compare horizontal and vertical orientation and highlight performance benefits.

Explore grid layout in .NET MAUI with Visual Studio 2022, learning how to define rows and columns, position elements, and control sizing using row/column definitions, grid spans, and star sizing.

Explore absolute layout in .NET MAUI to position and size controls with X and Y values in device independent units, then apply proportional values using layout bounce and layout flex.

Explore flex layout in .NET MAUI, mastering horizontal and vertical arrangements, grow-based space distribution, direction and alignment options, and how order and base properties shape responsive interfaces.

Explore presenting data with .NET MAUI presentation controls, including box view, label, ellipse, line, rectangle, polygon, border, mesh, frame, image, and web view, configuring color, stroke, radius, and aspect.

Learn to create and wire command controls in .NET MAUI, including button, image button, radio button groups, search bar, and side view, with event handlers and display alerts.

Explore .NET MAUI input controls, including checkbox, slider, stepper, switch, date picker, and time picker, with value change events and labels displaying live values.

Discover entry controls for input in .NET MAUI, including placeholder, color, password mode, and keyboard types; handle text changed and completed events, and use editor with auto size.

Learn to use the activity indicator and progress bar in a .NET MAUI app, using is running and progress properties, and decide which control to use based on task certainty.

Explore how to display collections in .NET MAUI using carousel view with item templates and indicator view, collection view, list view, and table view with practical data sources.

Create a .NET MAUI app with sliders for red, green, and blue; update background color and show the value in a label, with a button to generate and copy colors.

Define reusable colors in a .NET MAUI content page using the resources section, creating color keys such as primary, secondary, and tertiary, and applying them with static resources.

Determine the layout type for a single-page NET MAUI app in Visual Studio 2022, using a grid with a named container and black background; consider absolute layout for overlapping elements.

Build the main user interface with a frame and vertical stack layout, including color sliders for red, green, and blue, centered labels, and a copy button plus random color generation.

learn to change the background color by handling slider value changes, read red, green, blue values, create a color from rgb, and apply it to the button and main container.

Shows generating a random color in a .NET MAUI app using a random instance for rgb values, applying it with set colour, and preventing calls with an is random flag.

Install the community toolkit nuget package in the .net maui project, import its namespace, and implement an asynchronous copy-to-clipboard of the color value with a brief notification.

Create a .NET MAUI bill-splitting app that calculates per-person totals as the bill, tip, and number of people change, with quick percentage buttons and a bottom slider.

learn to create the tip information section in a .NET MAUI app using Visual Studio 2022, configuring colors, a frame layout, and totals like total per person and subtotal.

define a data entry section in a grid layout with currency label and total entry, plus a horizontal stack for tip buttons and a custom tip input.

Learn to implement the business logic for a .NET MAUI tip calculator by wiring controls, handling input events, and computing total bill, tip per person, and per-person total.

Learn to import and display images in a .NET MAUI app by adding images to the resources folder, supporting jpg, png, gif, and svg formats, with scaling and tint.

Learn to import fonts into maui apps, apply them via font family or aliases, and compare typography on labels with color, size, and background styling.

Learn to import icon fonts, create fonts with Montello, register them as an alias, and render icons in a .NET MAUI app using image sources with specific codes and sizes.

Learn to use the rar folder to store files in a dotnet maui project, read them asynchronously, and serialize a json file into a person type with name and age.

Build a .NET MAUI app that displays software development quotes with a central label, generates new quotes via a button, and features a dynamic gradient background.

Create a Maui project in Visual Studio 2022 and define a two-row grid as the main interface. Add a label and a button to display quotes with a custom font.

Apply linear and radial gradients to the app background by defining start and end points, center, and a collection of gradient stops with offsets and colors.

Create a dynamic linear gradient background by generating multiple color stops with a color utility, using random start and end colors, and update on button press.

Import a quotes file into a list, read each line, and build quotes collection. On button press, generate a random index and update the label's text with the selected quote.

Explore data binding in .NET maui, connecting a source object's properties to destination controls like labels and sliders with binding to text or value properties.

Learn data binding in a .NET MAUI app by creating a binding demo, a person model, and binding the person.name to a label's text to update on button press.

Compare binding from XAML code with C# code, create a person instance via a namespace and content page resources, and bind the label to the person's name.

Explore how binding context provides a common data source for NET MAUI controls, enabling multiple bindings from a single source and streamlining code by inheriting data from containers.

Bind the label’s rotation to the slider’s value in a .NET MAUI page, so the label rotates from 0 to 360 degrees as the slider moves.

Explore binding modes in net maui by binding source and target text properties across entry controls, demonstrating one time, one way, two way, one way to source, and default behavior.

Implement the INotifyPropertyChanged interface to notify the UI of property updates, enabling binding with entry controls. Use OnPropertyChanged and CallerMemberName to raise PropertyChanged when a property changes.