.NET MAUI Roadmap. Es bueno recordar que esta guía puede considerarse como un cumplido, no se puede tomar como la guía final.
Hay algunas cosas que debe saber antes de comenzar esta hoja de ruta de Xamarin Forms como guía.
Lo que debes saber
Todos los temas que se muestran dentro de un área específica tienen un ID único que se compone de las abreviaturas de la entidad a tratar y el nivel del tema a estudiar.
Puede usar el nivel de entidad para guiarse. Por ejemplo, la forma correcta es comenzar con 001, luego pasar 010, y así sucesivamente.
MAUI DE .NET
.NET MAUI es perfecto para aplicaciones multiplataforma donde el objetivo principal de la aplicación es mostrar datos de forma estandarizada. Esta pista se centra en la creación de aplicaciones MAUI de .NET destinadas a iOS, Android y Windows.
101: Introducción a .NET MAUI
¿Qué es .NET MAUI? ¿Qué código puedo compartir en mis aplicaciones? ¿Puedo desarrollar en Windows y macOS? Este módulo responde a estas preguntas y más. Al final del módulo, podrá configurar su máquina de desarrollo y ejecutar una aplicación en Windows, el simulador de iOS y un emulador de Android.
- Describir el ciclo de vida de desarrollo de software móvil (SDLC) con .NET MAUI
- Instalar las herramientas MAUI de .NET para Visual Studio
- Mantenga sus herramientas de desarrollo actualizadas
- Compilar aplicaciones móviles con Visual Studio en macOS y/o Windows
Enlaces de interés
Explorando por tu cuenta
- Interfaz de usuario de la aplicación multiplataforma de .NET
- ¿Qué es .NET MAUI?
- Crea tu primera aplicación
- Mantenerse al día con el desarrollo de .NET MAUI (blog)
110: Introducción al desarrollo móvil multiplataforma
Requisitos previos recomendados: Introducción a Xamarin (101)
Una de las ventajas de usar Xamarin sobre el enfoque tradicional específico de la plataforma es el nivel de código compartido que puede lograr en iOS, Android y Windows. En esta clase, exploraremos formas de estructurar el código compartido mediante bibliotecas de clases portátiles, bibliotecas estándar de .NET y proyectos de activos compartidos. Veremos los pros y los contras de cada enfoque y veremos cómo acceder a las características específicas de la plataforma en cada modelo.
- Trabajar con paquetes compartidos de NuGet
- Usar proyectos compartidos para compartir código entre plataformas
- Usar bibliotecas de clases portátiles para compartir código entre plataformas
- Compartir código mediante bibliotecas de .NET Standard
Enlaces de interés
Explorando por tu cuenta
120: Introducción a .NET MAUI
Requisitos previos recomendados: Introducción al desarrollo móvil multiplataforma (110)
.NET MAUI le permite definir una única interfaz de usuario que comparte en todas las plataformas compatibles. Esto maximiza su capacidad para compartir código: puede compartir su interfaz de usuario y su lógica empresarial. En este módulo, creará una nueva aplicación MAUI de .NET y definirá la interfaz de usuario compartida en código. También verá cómo acceder a características específicas de la plataforma, como el marcador telefónico o la cámara, que no tienen un modelo de programación compartida integrado en .NET MAUI.
- Aprenda la estructura básica de una aplicación móvil MAUI de .NET
- Definir una interfaz de usuario compartida para Android e iOS
- Implementar una aplicación desde Visual Studio a Android o iOS
Enlaces de interés
Explorando por tu cuenta
130: XAML en MAUI de .NET
Requisitos previos recomendados: Introducción a .NET MAUI (120)
.NET MAUI le permite definir la interfaz de usuario mediante el lenguaje de marcado de aplicaciones extensible (XAML). Esto le brinda una separación limpia de la interfaz de usuario y el comportamiento y facilita la utilización de un experto en diseño y herramientas de diseño. Este módulo muestra cómo definir la interfaz de usuario en XAML. Creará páginas y agregará controles, todo en marcado. También verá cómo acceder a los elementos de la interfaz de usuario desde el código para que pueda suscribirse a los eventos de la interfaz de usuario y actualizar las propiedades de la interfaz de usuario a medida que cambian los datos.
- Crear la interfaz de usuario y agregar controles para la aplicación MAUI de .NET mediante XAML
- Acceso a elementos de interfaz de usuario basados en XAML desde código
- Suscribirse a eventos de interfaz de usuario basados en XAML
Enlaces de interés
Explorando por tu cuenta
135: Diseño en .NET MAUI
Requisitos previos recomendados: XAML en .NET MAUI (130)
Las aplicaciones MAUI de .NET se ejecutan en una amplia gama de dispositivos con diferentes tamaños de pantalla y densidades de píxeles. Es difícil crear una interfaz de usuario que se vea bien y se comporte correctamente en todos los casos. .NET MAUI ayuda a resolver este problema al proporcionar contenedores de diseño flexibles que pueden calcular el tamaño y la posición de los controles de la interfaz de usuario automáticamente; incluso recalculan si el usuario gira el dispositivo o cambia el tamaño de la ventana de la aplicación. Este módulo contiene una cobertura en profundidad de StackLayout y Grid, los dos contenedores de diseño más populares en .NET MAUI. También le muestra cómo agregar desplazamiento cuando su interfaz de usuario es demasiado grande para el área de pantalla disponible.
- Mostrar vistas en una lista vertical u horizontal mediante StackLayout
- Mostrar vistas en filas y columnas mediante Cuadrícula
Enlaces de interés
- Controles MAUI de .NET
- Diseños MAUI de .NET
- Animaciones MAUI de .NET
- Pinceles en .NET MAUI
- Gráficos en .NET MAUI
- Imágenes, icono de aplicación y pantalla de presentación
- Sombras en .NET MAUI
- Fuentes en .NET MAUI
Explorando por tu cuenta
140: Recursos y estilos en .NET MAUI
Requisitos previos recomendados: XAML en .NET MAUI (130)
El uso de las mismas fuentes y colores en toda la interfaz de usuario crea una apariencia coherente. .NET MAUI proporciona una forma de definir estos valores en un solo lugar y buscarlos en cualquier lugar donde se utilicen; esto garantiza la coherencia en toda la aplicación y simplifica las actualizaciones. Este módulo muestra cómo definir y aplicar un recurso tanto en código como en XAML. También le muestra cómo agrupar varias configuraciones en un estilo para que pueda aplicarlas todas a la vez.
- Crear una interfaz de usuario coherente con Recursos y estilos
- Aplique las opciones de accesibilidad del usuario con estilos integrados
Enlaces de interés
- Aplicar estilo a las aplicaciones con XAML
- Aplicar estilos a las aplicaciones mediante hojas de estilos en cascada (CSS)
Explorando por tu cuenta
205: Patrones de navegación en .NET MAUI
Requisitos previos recomendados: Diseño en .NET MAUI (135)
Parte de la planeación de la arquitectura de la aplicación es decidir cómo se moverá el usuario entre las páginas. ¿Los usuarios necesitarán avanzar/retroceder a través de una secuencia de páginas? ¿Tu aplicación tiene una página de inicio o hay varias páginas de nivel superior que son todas importantes? Tu elección de navegación debe funcionar bien con el contenido de tu aplicación y sentirte nativa de cada plataforma a la que te dirijas. Este módulo le muestra cómo codificar dos patrones de navegación comunes: pila y pestaña. Incluye directrices para ayudarte a decidir qué patrón es el adecuado para tu aplicación. El módulo también cubre cómo la infraestructura de navegación se adapta automáticamente a la plataforma de tiempo de ejecución y le muestra cómo personalizar el comportamiento cuando sea necesario.
- Elegir entre la pila y la navegación por pestañas para la aplicación
- Implementar la navegación de pilas y pestañas
- Mostrar contenido transitorio mediante páginas modales
Enlaces de interés
Explorando por tu cuenta
270: Enlace de datos en .NET MAUI
Requisitos previos recomendados: XAML en .NET MAUI (130)
La mayoría de las aplicaciones necesitan cargar datos de código subyacente en su interfaz de usuario y transferir datos ingresados por el usuario a sus modelos de código subyacente. El enlace de datos ofrece una forma limpia de realizar ambas tareas. El enlace de datos utiliza objetos de enlace que vinculan dos propiedades y mantienen sus valores sincronizados a medida que cambia. Este módulo muestra cómo crear enlaces tanto en código como en XAML. También verá cómo implementar convertidores de valores para su uso cuando los tipos de las dos propiedades son diferentes.
- Sincronizar datos entre la interfaz de usuario y el código subyacente mediante enlaces
- Minimice el acoplamiento entre la interfaz de usuario y el código subyacente para permitir cambios sencillos en la interfaz de usuario
Enlaces de interés
280: Mostrar colecciones en .NET MAUI
Requisitos previos recomendados: Enlace de datos en .NET MAUI (270)
La mayoría de las aplicaciones necesitan presentar colecciones de datos en su interfaz de usuario. En este módulo, agregará .NET MAUI ListView a la aplicación, la rellenará con una colección de objetos de datos y controlará la selección de elementos. También utilizará las plantillas de celda integradas para personalizar ligeramente la apariencia de cada fila. Finalmente, implementará dos patrones comunes de experiencia de usuario: pull-to-refresh y acciones de contexto.
ListView tiene una selección limitada de estilos de celda integrados. Estas células estándar manejan casos comunes y debe usarlas si satisfacen sus necesidades. De lo contrario, puede crear una celda personalizada que represente de forma única sus datos y coincida con la apariencia general de su aplicación. Este módulo muestra cómo definir una plantilla de fila, cómo agregar encabezados/pies de página y cómo mostrar datos agrupados. También estudiará varias estrategias de ajuste del rendimiento, incluido el almacenamiento en caché de celdas.
- Crear un ListView y rellenarlo con elementos
- Responder cuando el usuario interactúa con ListView
- Personalizar la apariencia de una fila ListView mediante tipos de celda integrados
- Crear diseños de celda personalizados para un ListView
- Usar varios diseños de celda en un solo ListView
- Agrupar celdas en secciones
Enlaces de interés
- ListView
- Rellenar un ListView con datos
- Definir la apariencia del elemento
- Elegir la apariencia del elemento en tiempo de ejecución
- Responder a la selección de artículos
Explorando por tu cuenta
290: Navegación flotante
Requisitos previos recomendados: enlace de datos en .NET MAUI (270), uso de ListView en .NET MAUI (280), patrones de navegación en .NET MAUI (205)
Crear una gran aplicación significa crear una ruta de navegación clara a través de su contenido. A medida que la aplicación crece en complejidad, debe proporcionar una estructura de interfaz de usuario que permita a los usuarios cambiar rápidamente entre varias pantallas. En este módulo, explorará dos técnicas de interfaz de usuario mediante una relación flotante. Aprenderá a cambiar entre varias páginas de contenido mediante la navegación flotante y creará una verdadera interfaz de usuario flotante que permita a los usuarios explorar una gran colección de datos mientras aprovechan el espacio de pantalla disponible. Este módulo incluye una mirada en profundidad a .NET MAUI FlyoutPage y muestra las prácticas recomendadas para coordinar entre las páginas Flyout y Detalle.
- Elija entre dividir y pop-over para su vista flotante
- Cambiar entre páginas mediante la navegación por el cajón emergente
- Mostrar una colección mediante una vista dividida flotante
Enlaces de interés
Explorando por tu cuenta
- Página flotante Clase
320: Diseñar un modelo de vista MVVM en .NET MAUI
Requisitos previos recomendados: enlace de datos en .NET MAUI (270), uso de ListView en .NET MAUI (280), XAML en .NET MAUI (130), arquitectura de aplicaciones móviles (301)
Vamos a centrarnos en cómo diseñar correctamente su aplicación para separar la presentación de la lógica empresarial y los datos que la impulsan. Veremos tres patrones principales que son populares en el mundo móvil: Model-View-Controller (MVC), Model-View-Presenter (MVP) y Model-View-ViewModel (MVVM).
- Identificar cuándo utilizar el patrón Model-View-ViewModel
- Usar un ViewModel para controlar el comportamiento visual
- Mejore la estabilidad del código a través de propiedades enlazables a datos
Enlaces de interés
Resumen
Esta es la guía que necesita para comenzar a usar .NET MAUI hoy mismo.
¡Y oye! No estás solo, si necesitas ayuda solo pregunta en Twitter con los hashtags #dotnetmaui #dotnet y estaremos ahí para ti. Además, si necesitas algo siempre puedes escribirme en Twitter a @luismatosluna.
Espero que encuentres útil esta publicación de blog. Un abrazo, y hasta la próxima.
