Women Who Code Bogota: Introduction to Xamarin Forms

2. ● Ingeniera de software
● Microsoft MVP
● Creadora y escritora del blog de
Xamarin AskXammy.com
● CEO & Founder de Stemelle.
● Xamarin Certified Mobile
Developer
Leomaris Reyes

3. Introducción a
Xamarin Forms

4. ¿Qué es Xamarin?
Xamarin es una herramienta que permite crear
aplicaciones móviles nativas en múltiples
plataformas usando un mismo lenguaje de
programación, C#.

5. ¿Qué es Xamarin.Forms?
Xamarin.Forms es una librería para Xamarin que
abstrae las clases de los controles visuales de cada
plataforma (Android, iOS , Windows Phone) ,
permitiendo que podamos escribir tan solo una vez
nuestro código visual.
La interfaz visual puede ser definida utilizando un
lenguaje de etiquetas XAML o código escrito en C#

8. ¿Qué es XAML?
XAML: eXtensible Application Markup Language
Permite a los desarrolladores definir interfaces de usuario en aplicaciones Xamarin.Forms con un
lenguaje de marcado en lugar de código.
XAML es especialmente adecuado para su uso con la arquitectura de aplicaciones MVVM (Model-
View-ViewModel): XAML define la Vista que está vinculada al código de ViewModel a través de
enlaces de datos basados en XAML.

9. UI: C# y XAML

10. UI: Xamarin Pages

11. UI: Xamarin layouts

12. UI: Xamarin controls

13. Manejo de imágenes

14. Podemos crear maravillosas interfaces!

15. Podemos crear maravillosas interfaces!

16. Podemos hacer cosas
Impresionantes!
➖Xamarin essentials
➖Embedded images
➖Design time date
➖XAML hot reload

17. Xamarin essentials
Xamarin.Essentials proporciona a los desarrolladores API
multiplataforma para sus aplicaciones móviles.
Android, iOS y UWP ofrecen un sistema operativo y API de
plataforma únicos a los que los desarrolladores tienen acceso
en C # aprovechando Xamarin.

18. Xamarin essentials: APIs
➖ Vibrate
➖ Text-To-Speech
➖ Connectivity
➖ Emails & SMS sending
➖ Open browser
➖ Orientation sensor
➖ Phone dialer
➖ Flashlight
➖ Maps
➖ Connectivity
➖ Battery
➖ Color converters
➖ Geocoding & geolocation
➖ Clipboard

19. Embedded Images
T
Tienen la particularidad de que no están contenidas
en la estructura de archivos de cada aplicación,
sino que el archivo está incrustado en el proyecto
de ensamblaje como un recurso.
E
Eliminando el tiempo de conversión de imágenes
por plataforma, ahorraremos tiempo de desarrollo y
haremos que nuestro proyecto sea más ligero.
Es importante saber que este tipo de distribución
de imágenes es útil solo si las imágenes que se
usan son idénticas para cada plataforma.

20. Design Time Data with XAML Previewer
Los datos de tiempo de diseño a través de la
ventana de vista previa de Visual Studio nos
ayudan a agregar datos de prueba a nuestro
XAML sin que se muestren realmente cuando
la aplicación se está ejecutando.
Lo que facilita y agiliza nuestro tiempo de
desarrollo para la construcción de la interfaz de
usuario.

21. XAML Hot reload
A menudo entramos en un ciclo de ejecución de
una aplicación, notando que es necesario
realizar algunos ajustes, deteniendo la
aplicación, estimando los valores ajustados y
luego repitiendo todo el proceso nuevamente
para ver si la estimación fue correcta. Esto se
llama "ciclo de desarrollo interno", y
rápidamente puede volverse bastante tedioso.
¡Con XAML Hot reload podemos ver en tiempo
real cómo se han aplicado nuestros cambios
gráficos!

22. ¡Compartir nuestro
conocimiento abre
puertas!

23. ¡Compartir nuestro conocimiento nos brinda muchas oportunidades!
Tenemos muchas maneras de compartir nuestro
conocimiento:
➖ Creando un blog
➖ Grabación de podcast
➖ ¡Puedes ser un YouTuber!
Creé una publicación llamada “Por qué convertirte en Blogger
te ayuda a crecer en tu carrera: Mi experiencia personal como
Xamarin Blogger”
¡Puede escanear este código QR para leerlo!

24. Microsoft Learn
Escanea el código QR o https://docs.microsoft.com/en-us/learn/

25. reyes.leomaris@gmail.com
LeomarisReyes11
www.AskXammy.com
www.stemelle.com
Gracias!