Aplicaciones con Xamarin

1. Aplicaciones con Xamarin Yhorby Matias Microsoft MVP @yhorbymatias yhorbym@ymatias.com www.ymatias.com

2. Quíen Soy? • Microsoft MVP. • Software Developer. • Blogger Yhorby Matias

3. Mobile es la tendencia

4. Las plataformasmásrelevantes iOS app • Objective-C • XCode Android app • Java • Eclipse Windows app • .NET/C# - HTML/JS - C++ • Visual Studio

5. La movilidad se estátransformando gracias al contexto de lasaplicaciones • Las aplicaciones van a requeriracceso a ciertascapacidades del dispositivo La importancia de las experienciasnativas

6. iOS and Android apps Todo lo quepuedeshacer con Objective-C y Java puedeserhecho con C#

7. La visión “.NET y dispositivos” Windows Desktop Windows Store Windows Phone iOS Android • One Tool • Unified Skills • C# / .NET Libraries • Shared Client Logic • Portable Libraries • Custom code for views (~20%)

8. ¿Quées Xamarin? • Extensión de Visual Studio • iOS, Android apps dentro de Visual Studio • Compilacódigo de C# en aplicacionesnativas • Todaslascapacidades de Visual Studio disponiblesCreaaplicacionesmásrápido • Mismasprácticas • Reutilizacódigo y binarios de manera flexible • Interfaces completamentenativas

10. Creatu UI con Drag and drop Apunta a diferentestamaños de pantalla, resoluciones y versionesde OS Diseñosguardados en formatosnativos El mejordiseñador de Android disponible en Visual Studio iOS yadisponible en Visual Studio Diseño de UI en Visual Studio

11. Depuración y pruebas en un entorno en la nube Escenarios de pruebas para todos los escenarios de Android y iOS Pruebasunitarias Monitoreo de rendimiento Resultados de pruebasvisuales Xamarin test cloud

12. Compilaciónnativa, rendimientonativo • Xamarin.iOShaceunacompilación Ahead Of Time (AOT) completa para producer un binario ARM yalisto para la Apple’s App Store • Xamarin Android toma la ventaja de la compilación Just In Time (JIT) en el dispositivo Android

13. Másreutilización de código Estadísticas de reutilización de código con Xamarin: 30% 14% 15% 12% 70% 86% 85% 88% • Ejemplobasado en la aplicacióniCircuit App logic User interface code

14. Xamarin in depth Yhorby Matias yhorbym@ymatias.com

16. Arquitectura de aplicacionesmoviles

17. Enfoques de desarrollo

32. Advantages and disadvantages of Xamarin Forms.

33. Xamarin Forms is best for.

34. Traditional Xamarin is best for.

35. Desarrollo Xamarin. Hands On Labs.

36. A basic Xamarin Forms solution using MVVM pattern.

37. Why MVVM pattern? • Maintainability. • Testability. • Extensibility.

38. Lets code !!

39. Step 1 Open VS and create a New solution

40. Step 2 Select the Blank Xaml App (Xamarin.Forms Portable) template

41. Step 3 Visual Studio generates this solution.

42. Step 4 In Solution Explorer, in the “MySeries” (Portable) project, delete xaml page that the VS created for you.

43. Step 5 In the MySeries (Portable) project, create 3 new folders: “View”, “Model” and “ViewModel” for implement the MVVM pattern.

44. 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.

45. 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:

47. Step 8 Right click in “Model” folder and select Add \ New Item.., in the new windows select Class, set Name “Series” and press Add.

48. Step 9 In Series.cs, remove all of the template code and replace it with the following code.

49. Step 10 Right click in “ViewModel” folder and select Add \ New Item.., in the new windows select Class, set Name “SeriesViewModel” and press Add.

50. Step 11 In SeriesViewModel.cs, remove the main code of the template and replace it with the following code.