angular 2 & nativescript… chau híbrido
TRANSCRIPT
![Page 1: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/1.jpg)
Angular 2 &Nativescript…
Adiós híbridos
![Page 2: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/2.jpg)
Jorge CanoGoogle Developer ExpertArquitecto WebDocenteOwner @ngbaires@jorgeucano
Hello!
![Page 3: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/3.jpg)
Nativo con JSYa no es necesario saber JAVA o Swift para poder hacer aplicaciones nativas, ni tampoco jugar con frameworks para poder tratar de hacer lo mismo con javascript.De la mano de Angular 2 y Nativescript podemos hacer aplicaciones nativas super robustas, con el lenguaje que tanto amamos.
Hibridos => Ionic / Cordova / xamarineVarias empresas hicieron frameworks o software para hacer híbridos..El problema es que siempre están un paso atrás sobre los nativos, nos guste o no…Ya sea por funcionalidad o velocidad...
NATIVESCRIPTTelerik, creó todo un mundo para que programemos con Javascript o Typescript y eso se compile a una aplicación nativa.Lo cual lo hace poderoso y veloz, ya que el dibujo de UI en javascript es más rápido que el nativo
![Page 4: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/4.jpg)
Maximas
![Page 5: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/5.jpg)
No JankCon nativescript podras crear aplicaciones 100% nativas, performantes y poderosas
1
![Page 6: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/6.jpg)
Access All the Things
Accede a todo, iOS nativas, Android y las API de Windows directamente con JavaScript.No requiere código de puenteo
2
![Page 7: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/7.jpg)
Native UIHermosa, accesible, plataforma nativa de interfaz de usuario - no webviews. Definir una vez y dejar que NativeScript adaptarse para funcionar en todas partes, o adaptar la interfaz de usuario para dispositivos y pantallas específicas.
3
![Page 8: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/8.jpg)
ExtensibleReutilizar fácilmente plugins existentes de NPM, CocoaPods (IOS) y Gradle (Android) directamente en proyectos NativeScript, además de cientos de plugins específicos NativeScript en NPM
4
![Page 9: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/9.jpg)
Quick to learnAcelerar la curva de aprendizaje mediante el uso de las habilidades que ya conoce para desarrollar aplicaciones móviles nativas
5
![Page 10: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/10.jpg)
IDEDesarrollar y debbugear NativeScript con VSCode con debbug e interacción con breakpoints
6
![Page 11: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/11.jpg)
Cross-PlatformEscribe y despliega aplicaciones móviles nativas para iOS, Android y proximamente Windows desde una sola base de codigo
7
![Page 12: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/12.jpg)
OpenLa arquitectura de tus aplicaciones a su manera. Nativescript no esta ligado a ningun marco especifico de JS, Angular, su integración es opcional
8
![Page 13: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/13.jpg)
Angular and TypeScript
Soporte “first-class” profunda, con angular 2 y preparada tambien en el Nativescript CLI
9
![Page 14: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/14.jpg)
Style with CSSSuena como magia, y se siente como magia tambien. Style UI widgets nativa utilizando CSS que ya conocemos. Incluso se puete utilizar SASS o LESS
10
![Page 15: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/15.jpg)
Strong BackingCon el respaldo de Telerik - Con larga historia de la venta y soporte de software para desarrolladores
11
![Page 16: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/16.jpg)
Open SourceOpen source: Apache 2 licence. Ilimitadas aplicaciones gratuitas
12
![Page 17: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/17.jpg)
Nativescript es la forma de construir cross-
platform iOS & Androids nativos sin web-view. Con acceso 100% a todo las funcionalidades nativas.
![Page 18: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/18.jpg)
“
Nativescript Recomienda el uso de Angular 2 y VS Code
para su desarrollo
![Page 19: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/19.jpg)
![Page 20: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/20.jpg)
Conexiones
RxJSNativescript Firebase
Plugins
![Page 21: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/21.jpg)
Pequeña app con Nativescript & Angular 2 & Firebase para hacer un chat
Ruteo
nativescript
Ver listado pluggins
FirebaseCrear DDBB
Enviotext
CHATEmail / texto
LOGIN CON FIREBASESOLO EMAIL
conect
Plugin Firebase
![Page 22: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/22.jpg)
El poder de Angular 2
![Page 23: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/23.jpg)
“Typescript
![Page 24: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/24.jpg)
Team
office
![Page 25: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/25.jpg)
tns help
![Page 26: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/26.jpg)
“
VSCode
![Page 27: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/27.jpg)
DEMOOOO
![Page 28: Angular 2 & nativescript… chau híbrido](https://reader033.vdocuments.pub/reader033/viewer/2022051006/5872ed1a1a28abfa548b7703/html5/thumbnails/28.jpg)
alguna pregunta ?◉ Twitter: @jorgeucano◉ Medium: @jorgeucano◉ Github: @jorgeucano
Thanks!