NativeScript: Native Apps with Angular

https://github.com/alefesouza/talk-nativescript

Transcript

1. NativeScript Desenvolvendo apps nativos com Angular @alefesouza https://as.dev
2. Alefe Souza Full Stack Developer, Instrutor @alefesouza https://as.dev @alefesouza https://as.dev
3. Apps nativos? Apps que utilizam componentes do próprio sistema operacional e não WebViews. @alefesouza https://as.dev
4. NativeScript Ferramenta open source para desenvolvimento de apps nativos para Android e iOS. @alefesouza https://as.dev
5. Focado em tecnologias web @alefesouza https://as.dev
6. @alefesouza https://as.dev
7. Plugins Plugins de impressão digital, gerenciamento de arquivos, mapas, SQLite, câmera, dentre outros. @alefesouza https://as.dev
8. Também é possível chamar APIs nativas direto no código JavaScript/TypeScript. @alefesouza https://as.dev let str = new java.lang.String('Hello world!'); let result = str.endsWith('world!'); console.log(result); // true let button = new UIButton(); button.setTitleForState('Button title', UIControlStateNormal); console.log(button.titleLabel.text);
9. Quem usa? @alefesouza https://as.dev
10. Como iniciar? • Playground • CLI • Sidekick @alefesouza https://as.dev
11. PlayGround Interface web ideal para demonstrações, você pode codar direto no navegador e rodar no app oficial do NativeScript com um QR Code. @alefesouza https://as.dev
12. PlayGround Para acessar o playground, acesse https://play.nativescript.com e baixa o app “NativeScript Playground”, escaneie o QR Code no site e pronto, você já tem um ambiente de desenvolvimento com hot reload. @alefesouza https://as.dev
13. CLI CLI escrita em node que funciona como o Angular CLI, você tem total controle sobre o projeto e pode fazer operações mais avançadas. @alefesouza https://as.dev
14. @alefesouza https://as.dev CLI $ npm install -g nativescript $ tns create meu-projeto --template template $ tns run
15. Sidekick Interface gráfica para a linha de comando, na qual você pode rodar seu app e instalar plugins com um simples clique. @alefesouza https://as.dev
16. Live Code! http://bit.ly/talk-nativescript @alefesouza https://as.dev
17. Obrigado!! http://bit.ly/talk-nativescript @alefesouza https://as.dev