Criando Aplicações Mobile Híbridas com Ionic Framework

831 visualizações

Publicada em

Nesta palestra apresento o cenário atual do desenvolvimento de aplicativos mobile híbridos e todas as ferramentas que compõe a Plataforma Ionic.io. Faço uma análise comparativa entre o desenvolvimento mobile e híbrido assim como algumas dicas de quando utilizar esta abordagem.

Publicada em: Tecnologia
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
831
No SlideShare
0
A partir de incorporações
0
Número de incorporações
90
Ações
Compartilhamentos
0
Downloads
41
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Criando Aplicações Mobile Híbridas com Ionic Framework

  1. 1. Criando aplicações mobile híbridas com Ionic Framework João Gabriel Lima @jgabriel_lima contato@huddle3.com linkedin.com/in/joaogabriellima
  2. 2. http://github.com/jgabriellima IT Hacker, Arquiteto de soluções, Instrutor em treinamentos e Co-fundador da Huddle3. Mestre em Computação Aplicada com ênfase em Inteligência Artificial, Mineração de Dados e BigData.
  3. 3. Ionic é um framework para desenvolvimento de aplicações para dispositivos móveis que tem como principal objetivo o desenvolvimento de apps híbridas e forma rápida e facilitada.
  4. 4. Aplicativos híbridos, como isso funciona?
  5. 5. Aplicativos híbridos, como funciona?
  6. 6. Ok! Mas porque “híbrido”?
  7. 7. Como o phonegap trabalha?
  8. 8. phonegap.com
  9. 9. A Plataforma Ionic.io @alpha
  10. 10. Iniciando uma aplicação Ionic http://goo.gl/PFCGr3
  11. 11. ionic start <app> ionic upload ionic platform add android [ios] ionic serve --lab ionic run android [ios]
  12. 12. ionic resources --icon (192 x 192) ionic resources --splash (2208 x 2208)
  13. 13. E os recursos?
  14. 14. Action Sheet AdMob App Availability App Rate App Version Badge Background Geoloc Battery Status Barcode Scanner Calendar Camera Capture Google Analytics HealthKit iBeacon Image Picker In App Browser Instagram Globalization Media Native Audio Network OAuth Pin Dialog Preferences Printer Progress Indicator Push Notifications SMS Social Sharing Spinner Dialog Splashscreen SQLite StatusBar Toast TouchID Vibration ZIP Clipboard Contacts Date Picker Device Device Motion Device Orientation Dialogs Email Composer Facebook File File Transfer FileOpener2 Flashlight Geolocation Globalization Keyboard Keychain Launch Navigator Local Notification Recursos
  15. 15. Quando devo utilizar o Ionic? Nativo vs Híbrido
  16. 16. ● Provas de Conceito ● MVP ● Startups ● Forte equipe web ● Experiência ● Domínio das tecnologias da OpenWeb Platform ● Distribuição imediata para diversas plataformas:
  17. 17. Quando não é indicado o uso? ● Fluxo intenso de dados ● Massiva manipulação de mídias ● Necessidade de recursos do dispositivo muito recentes ● Pouca experiência com as tecnologias Web
  18. 18. https://github.com/jgabriellima/tasafoconfapp
  19. 19. Entendendo a estrutura da aplicação
  20. 20. Ionic 2 @alpha
  21. 21. Nova estrutura Mais flexibilidade Melhor desempenho Componentes modernos http://ionicframework.com/docs/v2/
  22. 22. Então quer dizer que se eu souber apenas HTML, CSS e Javascript, eu posso construir aplicativos para dispositivos móveis?
  23. 23. Desde 2013, os carros da GM já vêm com um SDK para desenvolvimento de aplicativos para seus veículos, utilizando HTML5, CSS3 e JS...
  24. 24. Eu quero aprender, mas quem poderá me ajudar?
  25. 25. Consultoria em Tecnologia e Inovação
  26. 26. Treinamentos: Curso “Full-stack mobile developer” com Ionic Framework, Nodejs e MongoDB
  27. 27. Interessou? Fale conosco! contato@huddle3.com
  28. 28. Consultoria em Tecnologia e Inovação
  29. 29. Criando aplicações mobile híbridas com Ionic Framework João Gabriel Lima @jgabriel_lima contato@huddle3.com linkedin.com/in/joaogabriellima

×