El documento describe un evento técnico organizado por Plain Concepts el 20 de diciembre de 2017. La agenda incluye charlas sobre CSS Grid Layout, desarrollo multiplataforma con Xamarin, Docker, Azure Relay y .NET Core, Swagger Code Generation y entrega continua con Visual Studio Team Services. Javier Suárez dará una presentación sobre desarrollo de aplicaciones multiplataforma con Xamarin.

1. #PlainConceptsTechDay
20.12.2017
Plain Concepts
Tech Day
JAVIER SUÁREZ RUIZ
Desarrollo de aplicaciones
multiplataforma con Xamarin
XAMARIN TEAM LEAD

2. #PlainConceptsTechDay 2
9:00 – 9:45 CSS Grid Layout - ¡Se acabaron los hacks, larga vida al CSS!
9:45 - 10:30 Desarrollo de aplicaciones multiplataforma utilizando Xamarin
10:30 - 11:15 Docker: de principante a pro
11:15 - 11:25 ¿Qué es la Fundación Theodora?
11:25 - 11:45 Break
11:45 - 12:30 Los autobuses de madrid en tiempo real con Azure Relay, .Net Core
y una Raspberry Pi
12:30 - 13:15 Swagger Code Generation: Cuando front encontró a back
13:15 - 14:00 Entrega contínua con Visual Studio Team Services
Plain
Concepts
Tech Day

3. Qué veremos
#PlainConceptsTechDay 3
1. Introducción a Xamarin
2. ¿Cómo desarrollamos en Xamarin?
3. Próximas novedades
4. Tendencias
5. Preguntas y Respuestas

4. Visual Studio Technologies & Windows Platform Development MVP
Xamarin MVP
Software Developer at Plain Concepts
Javier Suárez
@plainconcepts
#PlainConceptsTechDay 4
@jsuarezruiz
DEVELOPER

5. #PlainConceptsTechDay 5
Introducción a Xamarin

6. Código nativo
iOS WindowsAndroid
Objective-C
Xcode
C#
Visual Studio
Java
Android Studio
No se comparte código • Diferentes lenguajes & entornos de desarrollo • Diferentes
equipos

7. Escribe una vez, corre en todos
App Generator
Lua
Javascript
Actionscript
HTML+CSS
Acceso limitado a APIs • Menos rendimiento • Experiencia de usuario más pobre

8. El enfoque de Xamarin
Código común compartido • Acceso 100% a APIs nativas • Alto rendimiento
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Mobile

9. Xamarin + Xamarin.Forms
Enfoque tradicional Con Xamarin.Forms:
Más código compartido, nativo
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Backend
Shared UI Code
Shared C# Backend

10. El enfoque de Xamarin
Código común compartido • Acceso 100% a APIs nativas • Alto rendimiento
iOS C# UI Windows C# UIAndroid C# UI
Shared C# Mobile C# Server
Linux/Mono
CoreCLR
Azure
Shared C# Client/Server

11. Rendimiento nativo
Xamarin.iOS usa la compilación Ahead Of Time
(AOT) para crear un binario ARM para la
Apple’s App Store.
Xamarin.Android toma ventaja de la
compilación Just In Time (JIT) en
dispositivos Android.

12. Open Source – open.xamarin.com

13. Windows APIs
Microsoft.Phone Microsoft.Networking Windows.Storage Windows.Foundation Microsoft.Devices
System.Data System.Windows System.Numerics System.Core System.ServiceModel
System.Net System System.IO System.Linq System.Xml

14. iOS – Acceso al 100% de las APIs
MapKit UIKit iBeacon CoreGraphics CoreMotion
System.Data System.Windows System.Numerics System.Core System.ServiceModel
System.Net System System.IO System.Linq System.Xml

15. Android – Acceso al 100%de las APIs
Text-to-speech ActionBar Printing Framework Renderscript NFC
System.Data System.Windows System.Numerics System.Core System.ServiceModel
System.Net System System.IO System.Linq System.Xml

16. Cualquier cosa que puedas hacer con Objective-C, Swift, o Java
se puede hacer con C# y Visual Studio con Xamarin.

17. La clave, compartir
código

18. LIBRARIES
INFRASTRUCTURE
.NET STANDARD
NET Standard
.NET Standard permite
compartir código, recursos y
otros elementos entre
clientes .NET (y servidores).
• .NET Standard facilita una
específicación para cada
plataforma para que la
implementación sea
similar.
• Todos los runtime .NET
creados por Microsoft
están implemenentando el
standard.

19. Pasamos a ver código, realizar pruebas, compilar, ejecutar, etc.
DEMO TIME
@plainconcepts
#PlainConceptsTechDay 19
App Xamarin.Forms con NET Standard

20. #PlainConceptsTechDay 20
¿Cómo desarrollamos en
Xamarin?

21. Xamarin Live Player

22. Xamarin Live Player

23. Xamarin Live Player App

24. Xamarin Live Player App

25. Emparejando un dispositivo

26. Vamos a ver como utilizar Live Player desde Visual Studio 2017.
A continuación, vamos a realizar cambios tanto de código XAML
como en la lógica de la aplicación para ver todos los cambios…al
vuelo!
DEMO TIME
@plainconcepts
#PlainConceptsTechDay 26
Live Player

27. Visual Studio
App Center
appcenter.ms

28. Visual Studio App Center

29. Visual Studio App Center

30. HockeyApp iOS, Android, UWP
Visual Studio App Center

31. Visual Studio App Center

32. Visual Studio App Center

33. Visual Studio App Center

34. Builds, pruebas de UI, analíticas y mucho más!
DEMO TIME
@plainconcepts
#PlainConceptsTechDay 34
Visual Studio App Center

35. #PlainConceptsTechDay 35
Próximas novedades

36. Xamarin.Forms: Nuevas plataformas

37. Aplicación Xamarin.Forms disponible para todos los backends
disponibles incluidos aquellos en modo Preview.
DEMO TIME
@plainconcepts
#PlainConceptsTechDay 37
La misma App en Android, iOS, UWP, Windows, macOS y Linux!

38. Así es!. Vamos a ver una demo de Xamarin.Forms y el backend
Ooui utilizando ASP.net Core.
DEMO TIME
@plainconcepts
#PlainConceptsTechDay 38
¿Xamarin.Forms y web?

39. .NET Embedding en iOS + Android

40. Xamarin.Forms Native Forms

41. XAML Standard
Actualización de Xamarin.Forms, se alinea con UWP
● Nuevos tipos
○ TextBox, Border, ComboBox, ProgressRing, StackPanel,
TextBlock, ToggleSwitch, UserControl
● Nuevas propiedades
○ Foreground, Background, BorderBrush, BorderThickness, Value,
FontStyle, FontWeights, Orientation, Stretch, TextWrapping
Preview disponible: aka.ms/xf-xamlstandard

42. #PlainConceptsTechDay 42
Tendencias

43. REALIDAD AUMENTADA, MACHINE LEARNING, ELEMENTOS 3D Y MUCHO MÁS!
43
• Aplicaciones nativas con interfaces atractivas y adaptadas a
cada plataforma.
• Rendimiento nativo.
• Machine Learning.
• Realidad aumentada.
¿Qué se esperará de las próximas grandes aplicaciones móviles?
TENDENCIAS

44. Realidad aumentada
@plainconcepts
#PlainConceptsTechDay 44
Xamarin da soporte tanto a
ARKit (iOS) como a ARCore
(Android).
Contamos con posibilidades
como seguimiento de
movimiento, detección de plano
y estimación de la luz.

45. #PlainConceptsTechDay 45
¿Preguntas?

46. ¡Estamos
CONTRATANDO!
46
careers@plainconcepts.com
int ledPin = 13;
void setup()
{ pinMode(ledPin, OUTPUT);
}
void loop(){ digitalWrite(ledPin, HIGH);
delay(1000); digitalWrite(ledPin, LOW);
delay(1000);
}
@plainconcepts
#PlainConceptsTechDay
www.plainconcepts.com/careers

47. ¡GRACIAS!
www.plainconcepts.com
@plainconcepts

48. www.plainconcepts.com
MADRID
Paseo de la Castellana 163, 10º
28046 Madrid. España
T. (+34) 91 5346 836
BILBAO
Calle Ledesma 10-bis 3º
48001 Bilbao. España
T. (+34) 94 6073 371
BARCELONA
Carrer Compte d’Urgell 240 4º A
08036 Barcelona. España
T. (+34) 93 7978 566
SEVILLA
Avenida de la innovación s/n
Edificio Renta Sevilla, 3º A
41020 Sevilla. España
T. (+34) 600 58 75 43
DUBAI
Dubai Internet City. Building 1
73030 Dubai. EAU
T. (+971) 4 551 6653
LONDON
Impact Hub Kings Cross
24B York Way, N1 9AB
London. UK
SEATTLE
8201 164th Ave NE
Redmond, WA 98052
Washington
T. (+1) 206 708 1285