
Build three dotnet maui apps from scratch, starting with a bmi calculator that takes weight in kilograms and height in centimeters, then displays the overweight result after tapping calculate.
Open Visual Studio, create a Dotnet Maui app from templates; build a XAML page with a vertical stack layout, image, labels, and a button, then deploy to an Android emulator.
Install and use the Xaml styler extension in Visual Studio to automatically format and sort Xaml code on save, improving code neatness for dotnet maui projects.
Remove the predefined code in dotnet maui by deleting the main page content, fix errors from the removed counter button, and tidy the code behind for a fresh start.
Configure the app shell and main page to define the home screen, then build a vertical stack with bmi calculator title, labeled entries, a calculate button, and harness hot reload.
Implement interactivity in a .NET MAUI app by handling a button click to read weight and height, parse to double, compute BMI, and display the result via a descriptive alert.
Restrict data entry in a .NET MAUI BMI calculator by enforcing numeric input with a numeric keyboard, validating text-to-double conversions, and disabling the third entry to prevent input and exceptions.
Join our growing online community and access free dot net content on Web School. Explore tutorials, tricks, tips, graphical interface challenges, and application creation, and subscribe to turn on notifications.
Build a pomodoro timer app from scratch using Dotnet Maui, featuring a circular timer, start/stop controls, a real-time countdown, and an alarm when time expires.
Learn to build a .NET MAUI UI using grid, define row definitions with 80% and 20% space, and place a Pomodoro timer at the top with a bottom button.
Create a pomodoro timer UI in .NET MAUI by integrating the Syncfusion radial gauge, installing its NuGet package, configuring Maui Program.cs, and customizing XAML axis.
Customize a radial gauge in dotnet maui by adding a background image and configuring the axis start to 280, max to 60, interval to 5, and tick offset to 0.26.
Import the Metropolis Extra Bold font into the Fonts folder, alias it in the program configuration, then apply the alias to a label’s font family to customize the UI.
Add a bottom start or stop button to complete the Pomodoro UI in the XAML grid, styling with bold Metropolis font; the next video covers Pomodoro logic.
Implement a pomodoro timer in a XAML-based app by adding an event handler, creating a Dispatcher timer with one-second interval, and updating the remaining time and gauge needle each tick.
Implement a value changed handler to update the pomodoro display from the slider, and use an isPomodoroRunning flag to control the start and stop of the timer.
Implement a Pomodoro alarm in a .NET MAUI app by importing an audio file, installing a Maui audio plugin, and playing and disposing the sound when the timer reaches zero.
implement final adjustments to disable the gauge needle during a pomodoro, refine start/stop logic, and add color feedback with start and stop color constants in the dotnet maui app.
Learn to build Amiibo Pedia with NET MAUI by consuming a rest service of Amiibo characters, displaying a searchable, dark-background list with images protruding from frames.
Create base UI in .NET MAUI by cleaning code and setting starting page, then build a 10/10/80 grid with a title, search bar, and data-bound amiibo collection view.
Generate the amiibo model from a Json response using paste json as classes in Visual Studio, organize into models and mvvm folders, and apply JsonPropertyName to match the rest service.
Create a main page view model using the Community Toolkit MVVM, expose an amiibos collection, and fetch data from the amiibo api via HttpClient, binding to the view.
Replace the default information with data from a rest service by binding the collection view to the view model's amiibo list and displaying each item's name, game series, and image.
Create a per-item background color by implementing a value converter in a .NET MAUI app, using a random background converter in a Converters folder.
Implement a search for amiibos in a .NET MAUI app by maintaining an all amiibos list and a filtered view, with automatic filtering on search bar text changes.
Expand your knowledge beyond this course by joining the development academy, where new practical courses and premium material accelerate your professional growth for aspiring developers.
Do you want to get into the world of multi-platform development but do not know where to start?
What I recommend is to take practice and start creating applications from scratch. With this you will learn the process on how to develop a cross-platform application, that is, for Android, iOS and Windows, as well as other platforms such as MacOS and Tizen.
In this course, you will create your first three applications with .NET MAUI from zero, which are:
Application #1: Body Mass Index (BMI) Calculator.
This is the first application you will develop. It is a simple calculator for body mass index, it will help you understand the concept of layouts and controls. We will start creating the graphical interface, personalizing things like background color and controls. Then, we'll move on to the code behind and add the logic needed to perform the calculations. Finally, you will see a simple way to restrict the data entered in the application.
Application # 2: Pomodoro
The second application we will build is a Pomodoro application. With this application, you will learn how to handle other types of layouts such as grids, plus you will see simple ways to add an amazing design to the controls without the need to customize them or create complex code. You will also learn how to change the font family, how to handle timers for countdown, how to run sounds in the application and how to add some constraints to have a fully functional application.
Application # 3: Amiibopedia
The last application is an app to look up Amiibo information. In this application, you will learn how to create an attractive graphical interface, how to use the MVVM pattern by creating Models and ViewModels, how to consume REST services, how to display different layouts based on converters and how to implement a search in a list.
With a duration of approximately one hour per application, this course is a great way to get started in the world of mobile development with .NET MAUI.
What are you waiting for? See you in the course.