Apps nativos com JS- Como criar apps para iOS e Android com um único código usando NativeScript
•Als PPT, PDF herunterladen•
0 gefällt mir•243 views
Desenvolvimento Mobile com NativeScript
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Apps nativos com JS- Como criar apps para iOS e Android com um único código usando NativeScript
Ähnlich wie Apps nativos com JS- Como criar apps para iOS e Android com um único código usando NativeScript (20)
Mehr von tdc-globalcode
Mehr von tdc-globalcode (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Apps nativos com JS- Como criar apps para iOS e Android com um único código usando NativeScript
- 1. Globalcode – Open4education Desenvolvimento Mobile com NativeScript Renato Bognar Principal System Engineer rbognar@progress.com
- 2. Globalcode – Open4education O que é NativeScript? É um runtime para construir e executar Apps Nativos para iOS e Android com um único código base em JavaScript (In 2016)
- 3. Globalcode – Open4education Não é PhoneGap… ... nem Ionic Componentes Reais e Nativos Não usa o DOM Não usa HTML como se fossem componentes nativos Usa componentes Nativos •Sem DOM •Uis Nativas !=
- 4. Globalcode – Open4education Não é Xamarin Não faz Cross Compiling Acesso 100% nativo as APIs de forma direta Não é dependente de código .Net Não faz cross compilation !=
- 5. Globalcode – Open4education Não é React Native Não usa ObjectiveC, Swift ou Java {n} Javascript tem 100% de acesso nativo e imediato às APIs e UIs assim que elas são lançadas Acesso direto às APIs com JS !=
- 6. Globalcode – Open4education NativeScript É totalmente free e open source
- 7. Globalcode – Open4education Saiba mais no site oficial www.nativescript.org NativeScript
- 8. Globalcode – Open4education Criado e Suportado pela:
- 9. Globalcode – Open4education Apps Cross Platform iOS Android Windows (2016)
- 10. Globalcode – Open4education WrapWrapStack Layouts Nativos Absolute Dock Grid Stack
- 11. Globalcode – Open4education Use código pronto Use milhares de plugins do NPM Use controles nativos do Cocoapods ou Android Arsenal
- 12. Globalcode – Open4education Arquitetura Flexível Javascript Escreva seu aplicativo usando Javascript TypeScript Aproveite ao máximo a Orientação a Objetos e verificação de erros Angular Arquitete sua aplicação e reutilize o código escrito para Web no Mobile
- 13. Globalcode – Open4education NativeScript + Angular 2 http://bit.ly/nativescript-angular
- 14. Globalcode – Open4education Accesso Nativo à API
- 15. Globalcode – Open4education Output: Legal! JavaScript pode ser usado para invocar objetos nativos no Android!!! NativeScript + Android
- 16. Globalcode – Open4education JavaScript também pode ser usado para fazer o mesmo em Objective-C!!! NativeScript + iOS
- 18. Globalcode – Open4education Mas como funciona??
- 19. Globalcode – Open4education O V8 faz a vez:
- 20. Globalcode – Open4education Mas eu não quero escrever Objetive-C nem Android
- 21. Globalcode – Open4education Código Módulos APIs Módulos do NativeScript
- 22. Globalcode – Open4education Módulo File-System
- 23. Globalcode – Open4education Exemplo Módulo HTTP
- 24. Globalcode – Open4education https://nativescript.org @NativeScript http://tinyurl.com/nativeScriptSlack Siga o NativeScript
- 25. Globalcode – Open4education {obrigado} Renato Bognar Principal System Engineer rbognar@progress.com
Hinweis der Redaktion
- I mention this because, in today’s world, where 10 JavaScript frameworks have been created since I started this presentation, that it’s important to pick an innovative and stable options
- I'll give your brain a minute or two to parse this, because yes, this JavaScript code instantiates a Java android.text.format.Time() object, calls its set() method, then logs the return value of its format() method, which is the string "01/01/15".
- This JavaScript code instantiates an Objective-C UIAlertView class, sets its message property, and then calls its addButtonWithTitle() and show() methods. When you run a NativeScript iOS app with this code you'll see the alert below:
- The call dispatcher executes the call with a dual result: •On the Android Side: we get a new instance of the native File class •On the NativeScript Side: we get a custom JavaScript Object serving as a proxy to the native Android’s object When a method is called on this proxy it is delegated to the underlying native object. <Before the next slide> This is the foundation of the NativeScript framework. The next logical step was to create a platform agnostic abstraction layer. It is really great that you can access native APIs straight form JavaScript. But I can hear you think. … this still doesn’t solve the problem of me having to learn all those Platform APIs. But this is just the foundation of the NativeScript framework.
- NativeScript comes equipped with modules that provide cross-platform functionality. There are dozens of them and they’re easy to write yourself. NativeScript modules follow Node module’s conventions (CommonJS).