nativescript – barcamp 2016 - universidad nacional de ingeniería

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

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

Lanzamiento

Marzo 2015

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

componentes nativos

No es como Xamarin•No Cross Compiling•100% acceso a APIs nativas sin escribir bindings•No .Net

•No cross compilation

!=

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

!=

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.

ComparaciónWEB 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

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

NativeScript• Gratis y de código abierto

Creado y soportado por Telerik

ArquitecturaJavascript

Desarrolla un aplicación usando JavaScript

TypeScriptUsa TypeScript para

obtener caracteristicas Orientadas a Objetos y

verificación de errors en tiempo de compilación

AngularUsa Angular para la arquitectura de tu

aplicación. Reusa la mayoría de código entre

web y móvil

Cross Platform

iOSAndroidWindows (pronto)

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

Layouts NativosAbsolut

eDock Grid Stack Wrap

Nativescript + Angular2

Acceso nativo a las APIs

Ejemplo Android

Salida:

JavaScript puede Crear y usar objetos

Nativos de Java Android

Ejemplo iOS

JavaScript puede crear y usar

objetos de Obj-C

https://docs.nativescript.org