SlideShare una empresa de Scribd logo
● Ingeniera de software
● Microsoft MVP
● Creadora y escritora del blog de
Xamarin AskXammy.com
● CEO & Founder de Stemelle.
● Xamarin Certified Mobile
Developer
.NET Day Guatemala
Leomaris Reyes
.NET Day Guatemala
Introducción a
Xamarin Forms
¿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#.
¿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#
.NET Day Guatemala
.NET Day Guatemala
¿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.
UI: C# y XAML
UI: Xamarin Pages
UI: Xamarin layouts
UI: Xamarin controls
Manejo de imágenes
Podemos crear maravillosas interfaces!
Podemos crear maravillosas interfaces!
Podemos hacer cosas
Impresionantes!
➖Xamarin essentials
➖Embedded images
➖Design time date
➖XAML hot reload
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.
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
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.
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.
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!
¡Compartir nuestro
conocimiento trae
muchas
oportunidades!
¡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!
Microsoft Learn
Escanea el código QR o https://docs.microsoft.com/en-us/learn/
reyes.leomaris@gmail.com
LeomarisReyes11
www.AskXammy.com
www.stemelle.com
Gracias!

Más contenido relacionado

PPTX
Women Who Code Bogota: Introduction to Xamarin Forms
PPTX
Xamarin assemble - Using Refit to consume Restful web service in Xamarin Forms
PPTX
Desktop App Converter
PPTX
Servicios Xamarin
DOCX
Clase 1 aspnet-para-slide share
PPTX
Extendiendo Xamarin.Forms
PPTX
Reconnect(); Sevilla - Keynote
PPTX
dotNetMálaga - Taller Xamarin
Women Who Code Bogota: Introduction to Xamarin Forms
Xamarin assemble - Using Refit to consume Restful web service in Xamarin Forms
Desktop App Converter
Servicios Xamarin
Clase 1 aspnet-para-slide share
Extendiendo Xamarin.Forms
Reconnect(); Sevilla - Keynote
dotNetMálaga - Taller Xamarin

La actualidad más candente (20)

PPTX
Microsoft Tech Summit - Taller Xamarin
PPTX
Crear Apps móviles multiplataforma con Xamarin compartiendo la mayor cantidad...
PPTX
Xamarin Dev Days Madrid - Taller Xamarin
PPTX
Adaptando Apps Xamarin.Forms a tabletas
PPTX
Xamarin REvolve 2016
PPTX
Interfaces nativas Cross-Platform con Xamarin.Forms
PPTX
Introducción a Xamarin utilizando MVVMCross
PPTX
Xamarin Dev Days Málaga 2017 - Apps conectadas con Azure
PPTX
Visual Studio 2017 Launch Event Sevilla
PPTX
Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms
PPTX
Crear Apps Multiplataforma compartiendo la mayor cantidad con Xamarin
PPTX
Xamarin for Everyone
PPTX
Xamarin Dev Days - Introducción a Xamarin
PPTX
Trucos y consejos rendimiento Xamarin.Forms
PPTX
WinObjC: Windows Bridge para iOS
PPTX
PUE DAY 2017: Introducción a Xamarin
PPTX
Desarrollo para Microsoft Band con Xamarin
PPTX
Xamarin Dev Days Madrid - Xamarin.Forms
PPTX
Integración Continua con Apps Xamarin
PPTX
diapositivas de XAMARIN
Microsoft Tech Summit - Taller Xamarin
Crear Apps móviles multiplataforma con Xamarin compartiendo la mayor cantidad...
Xamarin Dev Days Madrid - Taller Xamarin
Adaptando Apps Xamarin.Forms a tabletas
Xamarin REvolve 2016
Interfaces nativas Cross-Platform con Xamarin.Forms
Introducción a Xamarin utilizando MVVMCross
Xamarin Dev Days Málaga 2017 - Apps conectadas con Azure
Visual Studio 2017 Launch Event Sevilla
Introducción al desarrollo de apps móviles multiplataforma con Xamarin.Forms
Crear Apps Multiplataforma compartiendo la mayor cantidad con Xamarin
Xamarin for Everyone
Xamarin Dev Days - Introducción a Xamarin
Trucos y consejos rendimiento Xamarin.Forms
WinObjC: Windows Bridge para iOS
PUE DAY 2017: Introducción a Xamarin
Desarrollo para Microsoft Band con Xamarin
Xamarin Dev Days Madrid - Xamarin.Forms
Integración Continua con Apps Xamarin
diapositivas de XAMARIN
Publicidad

Similar a .NET Day Guatemala (20)

PPTX
Semanahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
PDF
Introduccion-a-Xamarin-y-Xamarin.Forms_1.pdf
PPTX
primera aplicacion Xamarin.pptx
PPTX
Evento Bolivia - Fundamentos de Xamarin - Desarrollo de apps moviles multipla...
DOCX
Trabajo gru
DOCX
Articulo tipos de ide y ajax control toolkit
PPTX
Back2Learn MSFT UCuenca - Desarrollo de apps móviles multiplataforma con Xam...
DOCX
Wp ff inal
DOCX
PPTX
Semana Lambda - Fundamentos de Xamarin - Desarrollo de apps moviles multiplat...
PPTX
6 Lenguajes para dispositivos móviles
PPT
Mi lenguaje de programación de preferencia
PPTX
Semana 02 Aplicacion Movil.pptx
PPTX
Expo. moviles
PDF
Megías.pdf
PPTX
Herramientas de desarrollo.pptx
PPTX
Introducción a Xamarin.Forms
PPTX
DotNetDom: El futuro de Xamarin
PDF
Visual basic yanelsy bello
Semanahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
Introduccion-a-Xamarin-y-Xamarin.Forms_1.pdf
primera aplicacion Xamarin.pptx
Evento Bolivia - Fundamentos de Xamarin - Desarrollo de apps moviles multipla...
Trabajo gru
Articulo tipos de ide y ajax control toolkit
Back2Learn MSFT UCuenca - Desarrollo de apps móviles multiplataforma con Xam...
Wp ff inal
Semana Lambda - Fundamentos de Xamarin - Desarrollo de apps moviles multiplat...
6 Lenguajes para dispositivos móviles
Mi lenguaje de programación de preferencia
Semana 02 Aplicacion Movil.pptx
Expo. moviles
Megías.pdf
Herramientas de desarrollo.pptx
Introducción a Xamarin.Forms
DotNetDom: El futuro de Xamarin
Visual basic yanelsy bello
Publicidad

Último (10)

PPTX
hojas_de_calculo_aplicado para microsoft office
PDF
Presentacion de compiladores e interpretes
PPTX
presentación de introducción a las metodologías agiles .pptx
PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
PPTX
ANALOGÍA 6.pptx9191911818181119111162363733839292
PPTX
PROPIEDADES Y METODOS DE PrOO CON PYTHON
PPTX
Implementación equipo monitor12.08.25.pptx
PPTX
Control de seguridad en los sitios web.pptx
PDF
DNS_SERVIDORES PARA ASER PRACTICAS EN REDES
PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
hojas_de_calculo_aplicado para microsoft office
Presentacion de compiladores e interpretes
presentación de introducción a las metodologías agiles .pptx
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
ANALOGÍA 6.pptx9191911818181119111162363733839292
PROPIEDADES Y METODOS DE PrOO CON PYTHON
Implementación equipo monitor12.08.25.pptx
Control de seguridad en los sitios web.pptx
DNS_SERVIDORES PARA ASER PRACTICAS EN REDES
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA

.NET Day Guatemala

  • 1. ● Ingeniera de software ● Microsoft MVP ● Creadora y escritora del blog de Xamarin AskXammy.com ● CEO & Founder de Stemelle. ● Xamarin Certified Mobile Developer .NET Day Guatemala Leomaris Reyes
  • 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
  • 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!
  • 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/

Notas del editor

  • #26: Recording link- https://web.microsoftstream.com/video/94c24b9c-98df-43cb-9c17-7ff5446edb2b Bonjour everyone Thank you for joining us this morning. We will begin the call shortly. We ask that you please keep yourself on mute We will have moments in between each section where you will be able to come off mute and There is a little chat icon where you can also post your questions at any time My name is Erdina Francillon. I will be your moderator for today’s call. I am a Product Marketing Manager for Microsoft 365 based in Fort Lauderdale Florida and a Lead for Haitians at Microsoft an Employee Group. Thank you for taking the time to have this conversation today with us in this exciting new partnership we are launching in collaboration with Transveral. We see an exciting opportunity to package some best practices in higher education in the rest of the region is a way that will work for you and your students. The objective of the call is for you as academic leaders and champions of Haiti;S Leading engineering institutions to understand the offer and inspire you to join institution to join us on this journey