NativeScript – Plataforma de código abierto para desarrollar aplicaciones nativas en iOS, Android y (pronto) Windows Phone

1. NativeScript –
Plataforma de código abierto para desarrollar
aplicaciones nativas en iOS, Android y (pronto) Windows
Phone
Jorge Ventura Gonzales
Desarrollador Móvil – JANAQ Sotware & Consultoría
@jrgventura

2. ¿Qué es NativeScript?
• NativeScript es una framework para desarrollar aplicaciones móviles
nativas con JavaScript.
• Se utilizan las habilidades de desarrollo web, como Angular y css,
obteniendo UI y desempeño nativo en iOS y Android.

3. Lanzamiento
Marzo 2015

4. No es como PhoneGap/Ionic
• Componentes Realmente Nativos
• No hay DOM que manipular
• No hay elementos HTML con estilo parecido a
componentes nativos

5. No es como Xamarin
• No Cross Compiling
• 100% acceso a APIs nativas sin escribir bindings
• No .Net
• No cross compilation
!=

6. No es como React Native
• No se escribe código ObjectiveC, Swift o Java
• {N} JavaScript tiene 100% acceso APIs nativas
• Direct access to
native APIs in JS
!=

7. Opciones en aplicaciones móviles
100 % WEB
100%
NATIVO
Solución NativeScript
- Entrega UI y desempeño nativo
- No usa tecnología de navegador web
- Todas las capacidades nativas de los dispositivos están disponibles
(sin necesidad de plugins)
- Se puede reutilizar/ código de desarrollo web.

8. Comparación
WEB HIBRIDA NATIVE HIBRIDA
- UI Web
- Desempeño limitado
- Plugins requeridos para acceso a
APIs nativas
- Tarda el soporte para
actualizaciones
- Usa JavaScript
- Usa Angular
- Usa CSS
- Código compartido entre
móvil/web
- Cómodo para desarrolladores
web
- UI Nativa
- Alto desempeño
- 100% acceso a APIs nativas
- 0-días de espera para
actualizaciones

9. NATIVA “PURA” NATIVESCRIPT
- Máximo desempeño
- Escribe código por plataforma
- Diferentes lenguajes por
plataforma
- No hay código compartido con
web
- UI nativa
- Alto desempeño
- 100% acceso a APIs nativas
- 0-días de espera para
actualizaciones
- Escribe una vez, ejecuta en
todas
- Usa un lenguaje para todas las
plataformas (JavaScript)
- Reusa habilidades de web (JS,
CSS)
- Reusa librerías de web (angular)
- Comparte código con web

10. NativeScript
• Gratis y de código abierto

11. Creado y soportado por Telerik

12. Arquitectura
Javascript
Desarrolla un aplicación
usando JavaScript
TypeScript
Usa TypeScript para
obtener caracteristicas
Orientadas a Objetos y
verificación de errors en
tiempo de compilación
Angular
Usa Angular para la
arquitectura de tu
aplicación. Reusa la
mayoría de código entre
web y móvil

13. Cross Platform
iOS
Android
Windows (pronto)

14. Usar miles de plugins
• Usa miles de plugins de NPM
• Usa controles nativos gratuitos de Cocoapods o Android Arsenal

15. Layouts Nativos
Absolute Dock Grid Stack Wrap

16. Nativescript + Angular2

17. Acceso nativo a las APIs

18. Ejemplo Android
Salida:
JavaScript puede
Crear y usar objetos
Nativos de Java Android

19. Ejemplo iOS
JavaScript puede
crear y usar
objetos de Obj-C

21. https://docs.nativescript.org