1. NativeScript permite desenvolver aplicativos móveis nativos usando apenas JavaScript. 2. Ele funciona criando "bindings" entre o código JavaScript e as APIs nativas de cada plataforma. 3. Isso permite escrever o código uma vez e executá-lo em dispositivos Android e iOS.

1. NativeScript
Por José Yoshiriro - 2015
NativeScript: "write once, run anywhere mobile"
com Javascript?

2. 2NativeScript
"write once, run anywhere mobile" com Javascript?
Yoshi, quem?
Professor desde 2003
Desde jan/2014 na
Programador desde 2002
Desde dez/2014 na
Who??

3. 3NativeScript
"write once, run anywhere mobile" com Javascript?
Agenda
O problema
A solução
Concorrência
Como funciona
Números
Demo

4. 4NativeScript
"write once, run anywhere mobile" com Javascript?
Já ouvi (li) isso em algum lugar...
"Write once, run anywhere"???

5. 5NativeScript
"write once, run anywhere mobile" com Javascript?
O pai
Criado (2014) e mantido pela Telerik

6. 6NativeScript
"write once, run anywhere mobile" com Javascript?
O pai
Criado (2014) e mantido pela Telerik

7. 7NativeScript
"write once, run anywhere mobile" com Javascript?
Qual o problema?
Menor >Menor >
Maior >Maior >

8. 8NativeScript
"write once, run anywhere mobile" com Javascript?
Uma resposta: NativeScript
Uma tecnologia que permita, a partir de
1 linguagem, gerar apps nativas para
várias plataformas mobile
Livre e open source (licença Apache 2)

9. 9NativeScript
"write once, run anywhere mobile" com Javascript?
Como funciona
APIs NativasAcessa objetos Nativos
Invoca funções JavaScript
JavaScript
VM

10. 10NativeScript
"write once, run anywhere mobile" com Javascript?
Como funciona
APIs Nativas
Acessa objetos Nativos
Invoca funções JavaScriptJavaScript
VM
Bridge
Bindings
Marshalling Service
Invoca funções JavaScript
Invoca API nativa
via JavaScript

11. 11NativeScript
"write once, run anywhere mobile" com Javascript?
Como funciona
APIs Nativas
Acessa objetos Nativos
Invoca funções JavaScriptJavaScript
VM
Bridge
Call
Dispacher
Bindings
Marshalling Service
Invoca API nativa
via JavaScript
Invoca funções JavaScriptInvoca funções
JavaScript

12. 12NativeScript
"write once, run anywhere mobile" com Javascript?
Como funciona
var file = new File(myfilepath);
Marshalling Service
java.lang.String
Binding
java.io.File()
Call Dispatcher
java.io.File
file = FileProxy

13. 13NativeScript
"write once, run anywhere mobile" com Javascript?
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);

14. 14NativeScript
"write once, run anywhere mobile" com Javascript?
Como funciona

15. 15NativeScript
"write once, run anywhere mobile" com Javascript?
Como funciona
Segundo a Telerik, a perda de
desempenho é de cerca de 10%

16. 16NativeScript
"write once, run anywhere mobile" com Javascript?
Novidade mesmo?

17. 17NativeScript
"write once, run anywhere mobile" com Javascript?
Novidade mesmo?

18. 18NativeScript
"write once, run anywhere mobile" com Javascript?
Novidade mesmo?

19. 19NativeScript
"write once, run anywhere mobile" com Javascript?
NativeScript != Híbridos
Híbrido

20. 20NativeScript
"write once, run anywhere mobile" com Javascript?
API Nativa
Web View (Browser)
NativeScript != Híbridos

21. 21NativeScript
"write once, run anywhere mobile" com Javascript?
Por que JavaScript?

22. 22NativeScript
"write once, run anywhere mobile" com Javascript?
Números do NativeScript
- Nota -
Todas os números aqui foram coletados
entre 9 e 22 de julho de 2015.

23. 23NativeScript
"write once, run anywhere mobile" com Javascript?
Por que JavaScript?

24. 24NativeScript
"write once, run anywhere mobile" com Javascript?
Por que JavaScript?

25. 25NativeScript
"write once, run anywhere mobile" com Javascript?
Por que JavaScript?
889.970 Perguntas
228.914 Sem resposta (25%)

26. 26NativeScript
"write once, run anywhere mobile" com Javascript?
Números do NativeScript - Stackoverflow.com
Sem "tag" específica
147 perguntas
10 Sem resposta (7%)

27. 27NativeScript
"write once, run anywhere mobile" com Javascript?
Números do NativeScript - Indeed
Nenhuma Vaga

28. 28NativeScript
"write once, run anywhere mobile" com Javascript?
Números NativeScript - GitHutb

29. 29NativeScript
"write once, run anywhere mobile" com Javascript?
Números do NativeScript - Livros
Livros na Amazon: 0
Livros na Casa do Código: 0

30. 30NativeScript
"write once, run anywhere mobile" com Javascript?
NativeScript - Eventos em 2015
EUA - 11 encontros
Colômbia - 3 encontros
Reino Unido - 3 encontros
Brasil - 2 encontros
Austrália, Bulgária, Espanha e Maurícia -
1 encontro

31. 31NativeScript
"write once, run anywhere mobile" com Javascript?
Codando - Grande Diferencial
0 (zero) dias para usar novas
funcionalidades das novas versões dos
sistemas mobile

32. 32NativeScript
"write once, run anywhere mobile" com Javascript?
Codando - O que está por vir

33. 33NativeScript
"write once, run anywhere mobile" com Javascript?
Codando - O que está por vir

34. 34NativeScript
"write once, run anywhere mobile" com Javascript?
Codando - O que está por vir

35. 35NativeScript
"write once, run anywhere mobile" com Javascript?
Codando - Quais SOs?
32-b e 64-b

36. 36NativeScript
"write once, run anywhere mobile" com Javascript?
Codando - Quais IDEs?
Qualquer IDE Javascript!

37. 37NativeScript
"write once, run anywhere mobile" com 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)

38. 38NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "hello world"
tns create meu-projeto
cd meu-projeto
// adicionando as plataformas "alvo"
tns platform add ios
tns platform add android

39. 39NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "hello world"
// executando em emulador
tns emulate ios
tns emulate android
// executando em dispositivos conectados
tns run ios
tns run android

40. 40NativeScript
"write once, run anywhere mobile" com Javascript?
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

41. 41NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "hello world"

42. 42NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "hello world"

43. 43NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "hello world"
main-page.xml

44. 44NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "hello world"
main-view-model.js

45. 45NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "hello world"
app.css

46. 46NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "todo list"
app.js

47. 47NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "todo list"
tasks.xml

48. 48NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "todo list"
tasks.js

49. 49NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "todo list"
app.css

50. 50NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "todo list"
app.js

51. 51NativeScript
"write once, run anywhere mobile" com Javascript?
Codando o "todo list"

52. 52NativeScript
"write once, run anywhere mobile" com Javascript?
Exemplos
Watch
github.com/NativeScript/sample-iOS-WatchKit

53. 53NativeScript
"write once, run anywhere mobile" com Javascript?
Exemplos
Calculadora
github.com/alexziskind1/nativescript-calculator-
demoapp

54. 54NativeScript
"write once, run anywhere mobile" com Javascript?
Exemplos
Gráficos
github.com/nikolay-diyanov/sample-iOS-
Seismograph

55. 55NativeScript
"write once, run anywhere mobile" com Javascript?
Exemplos
App "Amroo"
github.com/MiroValchev/amroo-tnext

56. 56NativeScript
"write once, run anywhere mobile" com Javascript?
Exemplos
App "Exemplo" na Play e na AppStore

57. 57NativeScript
"write once, run anywhere mobile" com Javascript?
Exemplos
App "Telerik Next" na Play e na AppStore

58. 58NativeScript
"write once, run anywhere mobile" com Javascript?
Onde aprender?
docs.nativescript.org

59. 59NativeScript
"write once, run anywhere mobile" com Javascript?