Criando aplicações mobile híbridas com
Ionic Framework
João Gabriel Lima
@jgabriel_lima
joaogabriellima@huddle3.com
linked...
http://github.com/jgabriellima
IT Hacker, Consultor em Soluções, Instrutor
em treinamentos e Co-fundador da Huddle3.
Mestr...
Ionic é um framework para desenvolvimento de aplicações para
dispositivos móveis que tem como principal objetivo o
desenvo...
Aplicativos híbridos, como isso
funciona?
Aplicativos híbridos, como funciona?
Ok! Mas porque “híbrido”?
Como o phonegap trabalha?
phonegap.com
A Plataforma Ionic.io
@alpha
Iniciando uma aplicação Ionic
http://goo.gl/PFCGr3
ionic start <app>
ionic upload
ionic platform add android [ios]
ionic serve --lab
ionic run android [ios]
ionic resources --icon
(192 x 192)
ionic resources --splash
(2208 x 2208)
E os recursos?
Action Sheet
AdMob
App Availability
App Rate
App Version
Badge
Background Geoloc
Battery Status
Barcode Scanner
Calendar
C...
Quando devo utilizar o Ionic?
Nativo vs Híbrido
● Provas de Conceito
● MVP
● Startups
● Forte equipe web
● Experiência
● Domínio das tecnologias da OpenWeb Platform
● Dis...
Quando não é indicado o uso?
● Fluxo intenso de dados
● Massiva manipulação de mídias
● Necessidade de recursos do disposi...
https://github.com/jgabriellima/tasafoconfapp
Ionic 2 @alpha
Nova estrutura
Mais flexibilidade
Melhor desempenho
Componentes modernos
http://ionicframework.com/docs/v2/
Então quer dizer que se eu souber apenas HTML, CSS e
Javascript, eu posso construir aplicativos para
dispositivos móveis?
Desde 2013, os carros da GM já vêm com um SDK para
desenvolvimento de aplicativos para seus veículos,
utilizando HTML5, CS...
Eu quero aprender,
mas quem poderá
me ajudar?
Consultoria em Tecnologia e Inovação
Treinamentos:
Curso “Full-stack mobile developer”
com Ionic Framework, Nodejs e
MongoDB
Não perca tempo!!
Em apenas 2 semanas
http://huddle3.com/cursoionic/
contato@huddle3.com
Consultoria em Tecnologia e Inovação
Criando aplicações mobile híbridas com
Ionic Framework
João Gabriel Lima
@jgabriel_lima
joaogabriellima@huddle3.com
linked...
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
[Fapan] criando aplicações mobile híbridas com ionic framework
Próximos SlideShares
Carregando em…5
×

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

322 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
  • Seja o primeiro a comentar

[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

×