angular 2 & nativescript… chau híbrido

28
Angular 2 & Nativescript… Adiós híbridos

Upload: melidevelopers

Post on 09-Jan-2017

195 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: Angular 2 & nativescript… chau híbrido

Angular 2 &Nativescript…

Adiós híbridos

Page 2: Angular 2 & nativescript… chau híbrido

Jorge CanoGoogle Developer ExpertArquitecto WebDocenteOwner @ngbaires@jorgeucano

Hello!

Page 3: Angular 2 & nativescript… chau híbrido

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

Maximas

Page 5: Angular 2 & nativescript… chau híbrido

No JankCon nativescript podras crear aplicaciones 100% nativas, performantes y poderosas

1

Page 6: Angular 2 & nativescript… chau híbrido

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

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

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

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

IDEDesarrollar y debbugear NativeScript con VSCode con debbug e interacción con breakpoints

6

Page 11: Angular 2 & nativescript… chau híbrido

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

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

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

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

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

Open SourceOpen source: Apache 2 licence. Ilimitadas aplicaciones gratuitas

12

Page 17: Angular 2 & nativescript… chau híbrido

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

Nativescript Recomienda el uso de Angular 2 y VS Code

para su desarrollo

Page 19: Angular 2 & nativescript… chau híbrido
Page 20: Angular 2 & nativescript… chau híbrido

Conexiones

RxJSNativescript Firebase

Plugins

Page 21: Angular 2 & nativescript… chau híbrido

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

El poder de Angular 2

Page 23: Angular 2 & nativescript… chau híbrido

“Typescript

Page 24: Angular 2 & nativescript… chau híbrido

Team

office

Page 25: Angular 2 & nativescript… chau híbrido

tns help

Page 26: Angular 2 & nativescript… chau híbrido

VSCode

Page 27: Angular 2 & nativescript… chau híbrido

DEMOOOO

Page 28: Angular 2 & nativescript… chau híbrido

alguna pregunta ?◉ Twitter: @jorgeucano◉ Medium: @jorgeucano◉ Github: @jorgeucano

Thanks!