[Fapan] criando aplicações mobile híbridas com ionic framework

239 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
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

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

Nenhuma nota no slide

[Fapan] 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 joaogabriellima@huddle3.com linkedin.com/in/joaogabriellima
  2. 2. http://github.com/jgabriellima IT Hacker, Consultor em 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. Ionic 2 @alpha
  20. 20. Nova estrutura Mais flexibilidade Melhor desempenho Componentes modernos http://ionicframework.com/docs/v2/
  21. 21. Então quer dizer que se eu souber apenas HTML, CSS e Javascript, eu posso construir aplicativos para dispositivos móveis?
  22. 22. 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...
  23. 23. Eu quero aprender, mas quem poderá me ajudar?
  24. 24. Consultoria em Tecnologia e Inovação
  25. 25. Treinamentos: Curso “Full-stack mobile developer” com Ionic Framework, Nodejs e MongoDB
  26. 26. Não perca tempo!! Em apenas 2 semanas
  27. 27. http://huddle3.com/cursoionic/ 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 joaogabriellima@huddle3.com linkedin.com/in/joaogabriellima

×