nativescript – barcamp 2016 - universidad nacional de ingeniería
TRANSCRIPT
![Page 1: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/1.jpg)
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
![Page 2: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/2.jpg)
¿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.
![Page 3: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/3.jpg)
Lanzamiento
Marzo 2015
![Page 4: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/4.jpg)
No es como PhoneGap/Ionic•Componentes Realmente Nativos•No hay DOM que manipular•No hay elementos HTML con estilo parecido a
componentes nativos
![Page 5: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/5.jpg)
No es como Xamarin•No Cross Compiling•100% acceso a APIs nativas sin escribir bindings•No .Net
•No cross compilation
!=
![Page 6: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/6.jpg)
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
!=
![Page 7: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/7.jpg)
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.
![Page 8: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/8.jpg)
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
![Page 9: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/9.jpg)
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
![Page 10: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/10.jpg)
NativeScript• Gratis y de código abierto
![Page 11: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/11.jpg)
Creado y soportado por Telerik
![Page 12: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/12.jpg)
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
![Page 13: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/13.jpg)
Cross Platform
iOSAndroidWindows (pronto)
![Page 14: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/14.jpg)
Usar miles de plugins• Usa miles de plugins de NPM• Usa controles nativos gratuitos de Cocoapods o Android Arsenal
![Page 15: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/15.jpg)
Layouts NativosAbsolut
eDock Grid Stack Wrap
![Page 16: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/16.jpg)
Nativescript + Angular2
![Page 17: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/17.jpg)
Acceso nativo a las APIs
![Page 18: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/18.jpg)
Ejemplo Android
Salida:
JavaScript puede Crear y usar objetos
Nativos de Java Android
![Page 19: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/19.jpg)
Ejemplo iOS
JavaScript puede crear y usar
objetos de Obj-C
![Page 20: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/20.jpg)
![Page 21: NativeScript – Barcamp 2016 - Universidad Nacional de Ingeniería](https://reader034.vdocuments.net/reader034/viewer/2022042706/5883fdf61a28ab884b8b529d/html5/thumbnails/21.jpg)
https://docs.nativescript.org