Descomplicando o Mobile com Ionic Framework
Transferir como PPTX, PDF3 gostaram1,115 visualizações
O documento apresenta o framework Ionic para desenvolvimento de aplicativos híbridos. Discute a história do desenvolvimento web nos últimos 10 anos e introduz o Ionic Framework, explicando que ele foca na construção do aplicativo em si, não nos detalhes de implementação. Também resume os principais comandos e ferramentas do Ionic como Cordova, plataformas suportadas e demonstra seu uso.
Descomplicando o Mobile com Ionic Framework
- 1. Descomplicando o Mobile com Ionic Framework WebDevSummit 2015
- 2. Yan Borowski Machado Gerente de Desenvolvimento e Projetos na AM4 2
- 3. Antes do Ionic, um pouco de história... 3
- 4. Desenvolvimento Web ~ 10 anos Firefox (2004) Ajax / XMLHttpRequest (2005) Esboço da Especificação do HTML 5 (2008) Google Chrome (2008) Drag and Drop (2008) Geolocalização (2009) WebGL (2011) HTML 5: Processo de especificação concluído (2014) 4
- 5. 5
- 7. Foco na construção do aplicativo, não como um aplicativo deve funcionar por trás 7
- 8. O que tem na caixinha? 8
- 9. Funcionamento Um único código fonte Acesso à APIs nativas através do CORDOVA Comandos simples via console 9
- 10. CORDOVA Touch ID Open Authentication Camera Push Geolocalização Health kit Giroscópio / Acelerómetro Etc, etc 10 Mais em: http://ngcordova.com/docs/plugins/
- 11. Comandos básicos $ npm install -g ionic cordova $ ionic start myapp sidemenu | blank | tabs $ cd myapp $ ionic platform add android | ios $ ionic serve $ ionic build android | ios $ ionic run android | ios $ ionic upload 11
- 13. 13
- 14. IonicView Sem instalação de SDK 14
- 15. Firebase <script> var fb = new Firebase("https://INSTANCE_ID_HERE.firebaseio.com/"); </script> 15
- 16. Hora da Demo 16
- 17. Simplicidade “Simplicidade é o nível mais alto de sofisticação” Leonardo da Vinci “Menos é mais” Ludwig Mies Van der Rohe “KISS – Keep It Simple, Stupid!” Kelly Johnson 17
- 18. Who to follow? Ionic - @ionicframework Adam Bradley - @adamdbradley Max Lynch - @maxlynch Bem Sperry - @benjsperry Drifty - @DriftyCo 18
- 19. Links úteis http://ionicframework.com/ http://ionicframework.com/docs/overview/ https://www.airpair.com/ionic-framework/posts/ionic-firebase- password-manager 19
- 20. 20 + E ai, vamos começar?
Notas do Editor
- #5: Ajax: Avanços feitos pelo Google em 2004 / 2005, Atigo “Ajax: A New Approach to Web Development” de Jesse James Garrett. Release do W3C em Apr 2006