NativeScript: "write once, run anywhere mobile" com Javascript?

NativeScript

Por José Yoshiriro - 2015

NativeScript: "write once, run anywhere mobile" com Javascript?

2NativeScript"write once, run anywhere mobile" com Javascript?

Yoshi, quem?

Professor desde 2003Desde jan/2014 na

Programador desde 2002Desde dez/2014 na

Who??


AgendaO problema

A solução

Concorrência

Como funciona

Números

Demo


Já ouvi (li) isso em algum lugar..."Write once, run anywhere"???


O paiCriado (2014) e mantido pela Telerik


O paiCriado (2014) e mantido pela Telerik


Qual o problema?

Menor >Menor >

Maior >Maior >


Uma resposta: NativeScriptUma tecnologia que permita, a partir de 1 linguagem, gerar apps nativas para

várias plataformas mobile

Livre e open source (licença Apache 2)


Como funciona

APIs NativasAcessa objetos Nativos

Invoca funções JavaScript

JavaScriptVM


Como funciona

APIs Nativas

Acessa objetos Nativos

Invoca funções JavaScriptJavaScriptVM

Bridge

Bindings

Marshalling Service

Invoca funções JavaScript

Invoca API nativavia JavaScript


Como funciona

APIs Nativas

Acessa objetos Nativos

Invoca funções JavaScriptJavaScriptVM

BridgeCall

Dispacher

Bindings

Marshalling Service

Invoca API nativavia JavaScript

Invoca funções JavaScriptInvoca funçõesJavaScript


Como funcionavar file = new File(myfilepath);

Marshalling Servicejava.lang.String

Bindingjava.io.File()

Call Dispatcherjava.io.File

file = FileProxy


Como funciona

Em tempo de execução

Código em JavaScript

File file = new java.io.File(path);

NSFileManager.defaultManager();fileManager.createFileAtPathContentsAttributes(path);

var file = new File(path);


Como funciona


Como funciona

Segundo a Telerik, a perda de

desempenho é de cerca de 10%


Novidade mesmo?


Novidade mesmo?


Novidade mesmo?


NativeScript != Híbridos

Híbrido


API Nativa

Web View (Browser)

NativeScript != Híbridos


Por que JavaScript?


Números do NativeScript- Nota -

Todas os números aqui foram coletados entre 9 e 22 de julho de 2015.


Por que JavaScript?


Por que JavaScript?


Por que JavaScript?

889.970 Perguntas

228.914 Sem resposta (25%)


Números do NativeScript - Stackoverflow.com

Sem "tag" específica

147 perguntas

10 Sem resposta (7%)


Números do NativeScript - Indeed

Nenhuma Vaga


Números NativeScript - GitHutb


Números do NativeScript - Livros

Livros na Amazon: 0

Livros na Casa do Código: 0


NativeScript - Eventos em 2015

EUA - 11 encontros Colômbia - 3 encontros

Reino Unido - 3 encontrosBrasil - 2 encontros

Austrália, Bulgária, Espanha e Maurícia - 1 encontro


Codando - Grande Diferencial

0 (zero) dias para usar novas funcionalidades das novas versões dos

sistemas mobile


Codando - O que está por vir






Codando - Quais SOs?

32-b e 64-b


Codando - Quais IDEs?

Qualquer IDE Javascript!


Codando... o que precisa?

Node.js 0.10.26+

JDK 8

Apache Ant 1.8+

SDKs Android, iOS e/ou Windows

NativeScript CLI (via npm)


Codando o "hello world"tns create meu-projeto

cd meu-projeto

// adicionando as plataformas "alvo"

tns platform add ios

tns platform add android


Codando o "hello world"// executando em emulador

tns emulate ios

tns emulate android

// executando em dispositivos conectados

tns run ios

tns run android


Codando o "hello world"// gerando os apk ou ipa

tns build android

tns build ios

// gerando e implantando os apk ou ipa

tns deploy android

tns deploy ios


Codando o "hello world"




Codando o "hello world"main-page.xml



main-view-model.js


Codando o "hello world"app.css


Codando o "todo list"app.js


Codando o "todo list"tasks.xml


Codando o "todo list"tasks.js


Codando o "todo list"app.css


Codando o "todo list"app.js


Codando o "todo list"


Exemplos

Watchgithub.com/NativeScript/sample-iOS-WatchKit


Exemplos

Calculadoragithub.com/alexziskind1/nativescript-calculator-

demoapp


Exemplos

Gráficosgithub.com/nikolay-diyanov/sample-iOS-

Seismograph


ExemplosApp "Amroo"

github.com/MiroValchev/amroo-tnext


ExemplosApp "Exemplo" na Play e na AppStore


ExemplosApp "Telerik Next" na Play e na AppStore


Onde aprender?docs.nativescript.org


NativeScript: "write once, run anywhere mobile" com Javascript?

Software