Baixar para ler offline
Carregado portdc-globalcode
TDC2016SP - Trilha Mobile
NativeScript permite desenvolver aplicativos móveis nativos para iOS e Android usando apenas JavaScript, acessando diretamente as APIs nativas e componentes de cada plataforma. Diferente de frameworks como PhoneGap, Ionic ou React Native, ele usa componentes reais nativos em vez de emular através de webviews.
Mais conteúdo relacionado
![[Curso Java Basico] Aula 02: Instalar Java Windows 10](https://cdn.slidesharecdn.com/ss_thumbnails/curso-javase-aula02-win10-150919195109-lva1-app6891-thumbnail.jpg?width=640&height=640&fit=bounds)
TDC2016SP - Trilha Mobile
- 1. Globalcode – Open4education DesenvolvimentoMobile com NativeScript Renato Bognar Principal System Engineer rbognar@progress.com
- 2. Globalcode – Open4education Oque é 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 Saibamais no site oficial www.nativescript.org NativeScript
- 8. Globalcode – Open4education Criadoe Suportado pela:
- 9. Globalcode – Open4education AppsCross Platform iOS Android Windows (2016)
- 10. Globalcode – Open4education WrapWrapStack LayoutsNativos Absolute Dock Grid Stack
- 11. Globalcode – Open4education Usecódigo pronto Use milhares de plugins do NPM Use controles nativos do Cocoapods ou Android Arsenal
- 12. Globalcode – Open4education ArquiteturaFlexí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 AccessoNativo à API
- 15. Globalcode – Open4education Output: Legal! JavaScript podeser usado para invocar objetos nativos no Android!!! NativeScript + Android
- 16. Globalcode – Open4education JavaScript tambémpode ser usado para fazer o mesmo em Objective-C!!! NativeScript + iOS
- 17.
- 18. Globalcode – Open4education Mascomo funciona??
- 19. Globalcode – Open4education OV8 faz a vez:
- 20. Globalcode – Open4education Maseu não quero escrever Objetive-C nem Android
- 21. Globalcode – Open4education CódigoMódulos APIs Módulos do NativeScript
- 22. Globalcode – Open4education MóduloFile-System
- 23. Globalcode – Open4education ExemploMódulo HTTP
- 24.
- 25. Globalcode – Open4education {obrigado} RenatoBognar Principal System Engineer rbognar@progress.com
Notas do Editor
- #9 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
- #16 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".
- #17 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:
- #20 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.
- #22 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).