O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

Descomplicando o Mobile com Ionic Framework

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Carregando em…3
×

Confira estes a seguir

1 de 20 Anúncio

Mais Conteúdo rRelacionado

Diapositivos para si (20)

Quem viu também gostou (10)

Anúncio

Semelhante a Descomplicando o Mobile com Ionic Framework (20)

Mais recentes (20)

Anúncio

Descomplicando o Mobile com Ionic Framework

  1. 1. Descomplicando o Mobile com Ionic Framework WebDevSummit 2015
  2. 2. Yan Borowski Machado Gerente de Desenvolvimento e Projetos na AM4 2
  3. 3. Antes do Ionic, um pouco de história... 3
  4. 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. 5
  6. 6. 6 Ionic Framework
  7. 7. Foco na construção do aplicativo, não como um aplicativo deve funcionar por trás 7
  8. 8. O que tem na caixinha? 8
  9. 9. Funcionamento  Um único código fonte  Acesso à APIs nativas através do CORDOVA  Comandos simples via console 9
  10. 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. 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
  12. 12. Continuidade de Plataforma Fonte: http://ionicframework.com/blog/platform-continuity/ 12
  13. 13. 13
  14. 14. IonicView Sem instalação de SDK 14
  15. 15. Firebase <script> var fb = new Firebase("https://INSTANCE_ID_HERE.firebaseio.com/"); </script> 15
  16. 16. Hora da Demo 16
  17. 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. 18. Who to follow?  Ionic - @ionicframework  Adam Bradley - @adamdbradley  Max Lynch - @maxlynch  Bem Sperry - @benjsperry  Drifty - @DriftyCo 18
  19. 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. 20 + E ai, vamos começar?

Notas do Editor

  • 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

×