Xamarin Fest Santo Domingo ( introduccion)
-
Upload
yhorby-matias -
Category
Software
-
view
127 -
download
0
Transcript of Xamarin Fest Santo Domingo ( introduccion)
![Page 2: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/2.jpg)
DRAFTQuíen Soy?• Microsoft MVP.• Software
Developer.• Blogger
Yhorby Matias
![Page 3: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/3.jpg)
Mobile es la tendencia
![Page 4: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/4.jpg)
iOS app Objective-CXCode
Android app JavaEclipse
Windows app
.NET/C# - HTML/JS - C++Visual Studio
Las plataformas más relevantes
![Page 5: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/5.jpg)
La movilidad se está transformando gracias al contexto de las aplicaciones
Las aplicaciones van a requerir acceso a ciertas capacidades del dispositivo
La importancia de lasexperiencias nativas
![Page 6: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/6.jpg)
Todo lo que puedes hacer con Objective-C y Java puede ser hecho con C#
iOS and Android apps
![Page 7: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/7.jpg)
La visión “.NET y dispositivos”Windows
PhoneWindows Desktop
Windows Store iOS Android
One Tool
Unified Skills
Shared Client Logic
Custom code for views (~20%)
Portable Libraries
C# / .NET Libraries
![Page 8: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/8.jpg)
¿Qué es Xamarin?Extensión de Visual Studio• iOS, Android apps dentro
de Visual Studio• Compila código de C# en
aplicaciones nativas• Todas las capacidades de
Visual Studio disponiblesCrea aplicaciones más rápido
• Mismas prácticas• Reutiliza código y binarios
de manera flexible• Interfaces completamente
nativas
![Page 9: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/9.jpg)
![Page 10: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/10.jpg)
Crea tu UI con Drag and dropApunta a diferentes tamaños de pantalla, resoluciones y versiones de OSDiseños guardados en formatos nativos El mejor diseñador de Android disponible en Visual StudioiOS ya disponible en Visual Studio
Diseño de UI en Visual Studio
![Page 11: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/11.jpg)
Depuración y pruebas en un entorno en la nubeEscenarios de pruebas para todos los escenarios de Android y iOSPruebas unitariasMonitoreo de rendimientoResultados de pruebas visuales
Xamarin test cloud
![Page 12: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/12.jpg)
Xamarin.iOS hace una compilación Ahead Of Time (AOT) completa para producer un binario ARM ya listo para la Apple’s App Store
Xamarin Android toma la ventaja de la compilación Just In Time (JIT) en el dispositivo Android
Compilación nativa, rendimiento nativo
![Page 13: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/13.jpg)
Más reutilización de códigoEstadísticas de reutilización de código con Xamarin:
iOS Android Windows RT Mac OS X
App logic User interface code
70%
30%
86%
14%
85%
15%
88%
12%
Ejemplo basado en la aplicación iCircuit
![Page 15: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/15.jpg)
![Page 16: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/16.jpg)
Arquitectura de aplicaciones moviles
![Page 17: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/17.jpg)
Enfoques de desarrollo
![Page 18: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/18.jpg)
![Page 19: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/19.jpg)
![Page 20: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/20.jpg)
![Page 21: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/21.jpg)
![Page 22: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/22.jpg)
![Page 23: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/23.jpg)
![Page 24: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/24.jpg)
![Page 25: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/25.jpg)
![Page 26: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/26.jpg)
![Page 27: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/27.jpg)
![Page 28: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/28.jpg)
![Page 29: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/29.jpg)
![Page 30: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/30.jpg)
![Page 31: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/31.jpg)
![Page 32: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/32.jpg)
Advantages and disadvantages of Xamarin Forms.
![Page 33: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/33.jpg)
Xamarin Forms is best for.
![Page 34: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/34.jpg)
Traditional Xamarin is best for.
![Page 35: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/35.jpg)
Desarrollo Xamarin.
Hands On Labs.
![Page 36: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/36.jpg)
A basic Xamarin Forms solution using MVVM pattern.
![Page 37: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/37.jpg)
Why MVVM pattern?• Maintainability.• Testability.• Extensibility.
![Page 38: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/38.jpg)
Lets code !!
![Page 39: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/39.jpg)
Step 1
Open VS and create a New solution
![Page 40: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/40.jpg)
Step 2
Select the Blank Xaml App (Xamarin.Forms Portable) template
![Page 41: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/41.jpg)
Step 3
Visual Studio generates this solution.
![Page 42: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/42.jpg)
Step 4In Solution Explorer, in the “MySeries” (Portable) project, delete xaml page that the VS created for you.
![Page 43: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/43.jpg)
Step 5
In the MySeries (Portable) project, create 3 new folders: “View”, “Model” and “ViewModel” for implement the MVVM pattern.
![Page 44: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/44.jpg)
Step 6
Right click in “View” folder and select Add \ New Item.., in the new windows select Forms Xaml Page, set Name and press Add.
![Page 45: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/45.jpg)
Step 7
In xaml, remove all of the template code and replace it with the following code. This code declaratively defines the user interface for the page:
![Page 46: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/46.jpg)
![Page 47: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/47.jpg)
Step 8 Right click in “Model” folder and select Add \ New Item.., in the new windows select Class, set Name “Series” and press Add.
![Page 48: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/48.jpg)
Step 9
In Series.cs, remove all of the template code and replace it with the following code.
![Page 49: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/49.jpg)
Step 10Right click in “ViewModel” folder and select Add \ New Item.., in the new windows select Class, set Name “SeriesViewModel” and press Add.
![Page 50: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/50.jpg)
Step 11
In SeriesViewModel.cs, remove the main code of the template and replace it with the following code.
![Page 51: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/51.jpg)
![Page 52: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/52.jpg)
![Page 53: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/53.jpg)
Step 12
12. In MySeriesPage.cs, set the BindingContext with our ViewModel (“SeriesViewModel”).
![Page 54: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/54.jpg)
Step 13
Finally, in App.cs set the MainPage of the app.
![Page 55: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/55.jpg)
![Page 56: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/56.jpg)
So Now Run your code !!!
![Page 57: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/57.jpg)
Yhorby Matias Microsoft MVP
Cierre
![Page 58: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/58.jpg)
![Page 59: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/59.jpg)
![Page 60: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/60.jpg)
Centros de desarrolladores.
![Page 61: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/61.jpg)
![Page 62: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/62.jpg)
![Page 63: Xamarin Fest Santo Domingo ( introduccion)](https://reader036.fdocuments.in/reader036/viewer/2022070600/58d0de421a28ab47238b6c1b/html5/thumbnails/63.jpg)