Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
.NET MAUI UI Challenges: AI Image Generator App
Rating: 4.1 out of 5(71 ratings)
1,975 students

.NET MAUI UI Challenges: AI Image Generator App

Turn Dribbble designs into a working reality with .NET MAUI in this hands-on UI course.
Created byHéctor Uriel Pérez
Last updated 6/2023
English
English [Auto],

What you'll learn

  • Design an attractive and functional user interface using .NET MAUI and XAML for an AI image generating app.
  • Learn to work with XAML files and their elements to develop attractive interfaces.
  • Acquire skills to solve challenges in the development of mobile applications with .NET MAUI.
  • Understand the XAML development process from designs found in dribble.

Course content

2 sections • 7 lectures • 29m total length

  • Creating the Menu Icon and Profile Image9:04

    Design the dashboard view for a .NET MAUI AI image generator app by building the XAML layout with a grid and a hamburger icon plus a rounded profile image.

  • Creating the headers2:56

    Create headers by adding a vertical stack in the grid's first row with two labels, font size 30, white color, and import free fonts to improve typography.

  • Generating the friends list section6:36

    Implement a horizontal collection view bound to profiles and generated images by artificial intelligence to show friends with their names and image counts in the dashboard.

  • Filling the image card information5:12

    Learn to build an AI image gallery in .NET MAUI using Cards View cover flow, applying opacity and scale processors, and binding AI-generated image paths in an item template.

  • Implementing the image slider control4:36

    Build a grid to display image information with a semi-transparent text panel, binding main keyword and keywords, and use the Maui toolkit converter to render keywords as a comma-separated string.

  • Creating the button1:28

    Create a green bottom-right button by styling a border element with a rounded stroke and end alignment in the cover flow view. Tap to generate new images with artificial intelligence.

Requirements

  • Basic knowledge of C# and .NET programming.
  • Previous experience with mobile application development.

Description

Welcome to the ".NET MAUI UI Challenges: AI Image Generator App" course. In this course, you will learn how to create the XAML file for a page from a Dribbble design, using .NET MAUI technology. Throughout the course, we will teach you how to translate a Dribbble design into a functional XAML file for your application.


In this course, we will focus on teaching you how to write XAML code, using the available resources in .NET MAUI. You will learn to understand the structure of the XAML file and how to use design components to create impressive application pages.


This course is suitable for both beginners and experienced developers. If you are new to .NET MAUI application development, this course will provide you with the necessary tools to start creating impressive application pages. If you are already an experienced developer, you will learn new techniques to improve your design skills and create more efficient applications.


By the end of the course, you will have the skills necessary to create XAML files for complex Dribbble designs, using the available resources in .NET MAUI. If you are ready to improve your application development skills and create impressive designs, then this course is for you!


Who this course is for:

  • Students interested in .NET programming and developing mobile applications with attractive and user-friendly interfaces.
  • People with previous experience in creating .NET applications who want to learn how to create advanced graphical interfaces using XAML.
  • Students and professionals interested in learning about new technologies for mobile application development and improving their programming skills.
  • Those who want to learn how to create modern and attractive user interfaces using dribbble design as inspiration.

Report abuse