ABRA SUA 
MENTE, APPS 
COM HTML5! 
GUSTAVO COSTA 
@GustavoCostaW
GUSTAVO COSTA 
- MOBILE DEVELOPER 
- FRONT-END 
- LOVES WEB PATTERNS 
- REFERÊNCIA CORDOVA/PHONEGAP 
- GOOGLE ORGANIZER 
-...
MOBILE TRENDS 
1.2 bilhões de pessoas acessam internet de 
aparelhos móveis no mundo 
30% das pessoas abandonam uma 
compr...
PERFECT
O PROBLEMA 
C++ SWIFT JAVA C# 
REAÇÃO
NATIVO VS WEB 
- Melhor performance 
- Acessa todas as 
funcionalidades do 
telefone 
_ Linha de 
aprendizado difícil 
- C...
MAS SE A GENTE JUNTAR? 
HÍBRIDO
APLICAÇÃO HÍBRIDA
APLICAÇÃO HÍBRIDA 
PHONEGAP/CORDOVA ENTRA AQUI
APLICAÇÃO HÍBRIDA 
- CROSS PLATFORM 
- LINHA DE APRENDIZADO FÁCIL 
- ACESSO A APIS NATIVAS 
- PUBLICAÇÃO NAS LOJAS
CORDOVA? PHONEGAP? 
PhoneGap foi criado pela empresa Nitobi que foi 
comprada pela Adobe em 2011. 
A Adobe liberou todo o ...
NEM TUDO SÃO FLORES 
Uma das maiores reclamações dos desenvolvedores 
é a performance. 
- Em 2012, Mark Zuckerberg: HTML 5...
OS NATIVO PIRA 
AQUI ESTÁ A DIFERENÇA ENTRE OS 
SOBRINHOS E PROFISSIONAIS DE 
VERDADE. 
SIM, É POSSÍVEL RESOLVER OS 
PROBL...
FRAMEWORKS 
TEMPLATE CRIADO POR MIM PARA 
AUXILIAR VELOCIDADE DE 
DESENVOLVIMENTO DE APPS HÍBRIDOS 
https://github.com/Fas...
FASTGAP SAMPLES 
Por mim: 
PLAAY APP
FASTGAP SAMPLES 
Por mim: 
BEAUTYX
FASTGAP SAMPLES 
Por mim: 
TONAILS
angularjs.org 
- Incrível framework focado em Single Page App 
- Two-Way data binding 
- Abstrai a manipulação do DOM na l...
UI - ionicframework.com
IONIC SHOW CASE
UI – onsenui.io
AS COISAS MUDAM
AS COISAS MUDAM 
Apple - 2009
AS COISAS MUDAM 
Apple – 2014 
“Apple mostra seu amor por HTML5 COM o iOS 8” 
http://www.sencha.com/blog/apple-shows-love-...
AS COISAS MUDAM 
Apple – 2014 
“Apple mostra seu amor por HTML5 COM o iOS 8” 
http://www.sencha.com/blog/apple-shows-love-...
Google 
Debugger – Dev Tools – Android 4.4+ 
Chrome WebView 4.4+
Microsoft 
Visual Studio – Support Cordova 
Application
BlackBerry 
A empresa atualmente que dá mais 
suporte ao HTML5
Firefox 
MOZILLA VEM TRABALHANDO DURO EM 
DESENVOLVER APIS COM HTML5, JÁ QUE SEU 
TELEFONE É TOTALMENTE BASEADO EM HTML5 
...
W3C
QUESTIONS?
E AÍ, VAI FICAR DE FORA? 
Muito Obrigado! 
@GustavoCostaW 
“Stay Hungry, Stay Foolish” – Steve Jobs
Próximos SlideShares
Carregando em…5
×

Abra sua cabeça, apps híbridos - PhoneGap/Cordova

3.286 visualizações

Publicada em

Open your mind! hybrid apps!

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

Sem downloads
Visualizações
Visualizações totais
3.286
No SlideShare
0
A partir de incorporações
0
Número de incorporações
52
Ações
Compartilhamentos
0
Downloads
120
Comentários
0
Gostaram
24
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Abra sua cabeça, apps híbridos - PhoneGap/Cordova

  1. 1. ABRA SUA MENTE, APPS COM HTML5! GUSTAVO COSTA @GustavoCostaW
  2. 2. GUSTAVO COSTA - MOBILE DEVELOPER - FRONT-END - LOVES WEB PATTERNS - REFERÊNCIA CORDOVA/PHONEGAP - GOOGLE ORGANIZER - BLACKBERRY ELITE @GustavoCostaW
  3. 3. MOBILE TRENDS 1.2 bilhões de pessoas acessam internet de aparelhos móveis no mundo 30% das pessoas abandonam uma compra se ela não estiver otimizada para mobile Brasil é o 4˚ país do mundo com maior número de smartphones, são mais de 70 milhões.
  4. 4. PERFECT
  5. 5. O PROBLEMA C++ SWIFT JAVA C# REAÇÃO
  6. 6. NATIVO VS WEB - Melhor performance - Acessa todas as funcionalidades do telefone _ Linha de aprendizado difícil - Cross platform - Linha de aprendizado fácil - Muito fléxivel - Custo mais barato - Sem acesso a APIs nativas
  7. 7. MAS SE A GENTE JUNTAR? HÍBRIDO
  8. 8. APLICAÇÃO HÍBRIDA
  9. 9. APLICAÇÃO HÍBRIDA PHONEGAP/CORDOVA ENTRA AQUI
  10. 10. APLICAÇÃO HÍBRIDA - CROSS PLATFORM - LINHA DE APRENDIZADO FÁCIL - ACESSO A APIS NATIVAS - PUBLICAÇÃO NAS LOJAS
  11. 11. CORDOVA? PHONEGAP? PhoneGap foi criado pela empresa Nitobi que foi comprada pela Adobe em 2011. A Adobe liberou todo o código fonte para ser mantido pela fundação Apache (OPEN SOURCE), Qualquer pessoa pode contribuir. Ou seja, quem mantém o PhoneGap é o Cordova, todos os releases do Cordovas são copiados para o PhoneGap. Para melhorar a explicação é como o Android que as empresas copiam e modificam, Linux a mesma idéia. O Cordova é todo o coração do PhoneGap.
  12. 12. NEM TUDO SÃO FLORES Uma das maiores reclamações dos desenvolvedores é a performance. - Em 2012, Mark Zuckerberg: HTML 5 Não está pronto Sencha revidou com o FastBook
  13. 13. OS NATIVO PIRA AQUI ESTÁ A DIFERENÇA ENTRE OS SOBRINHOS E PROFISSIONAIS DE VERDADE. SIM, É POSSÍVEL RESOLVER OS PROBLEMAS DE PERFORMANCE NOS APPS HÍBRIDOS.
  14. 14. FRAMEWORKS TEMPLATE CRIADO POR MIM PARA AUXILIAR VELOCIDADE DE DESENVOLVIMENTO DE APPS HÍBRIDOS https://github.com/FastGap/fastgap
  15. 15. FASTGAP SAMPLES Por mim: PLAAY APP
  16. 16. FASTGAP SAMPLES Por mim: BEAUTYX
  17. 17. FASTGAP SAMPLES Por mim: TONAILS
  18. 18. angularjs.org - Incrível framework focado em Single Page App - Two-Way data binding - Abstrai a manipulação do DOM na lógica do APP (Better for test) - Mantido pelo Google (já basta né? )
  19. 19. UI - ionicframework.com
  20. 20. IONIC SHOW CASE
  21. 21. UI – onsenui.io
  22. 22. AS COISAS MUDAM
  23. 23. AS COISAS MUDAM Apple - 2009
  24. 24. AS COISAS MUDAM Apple – 2014 “Apple mostra seu amor por HTML5 COM o iOS 8” http://www.sencha.com/blog/apple-shows-love-for- html5-with-ios-8 WKWebView é a nova instacia do iOS para o browser é 4x mais rápida.
  25. 25. AS COISAS MUDAM Apple – 2014 “Apple mostra seu amor por HTML5 COM o iOS 8” http://www.sencha.com/blog/apple-shows-love-for- html5-with-ios-8
  26. 26. Google Debugger – Dev Tools – Android 4.4+ Chrome WebView 4.4+
  27. 27. Microsoft Visual Studio – Support Cordova Application
  28. 28. BlackBerry A empresa atualmente que dá mais suporte ao HTML5
  29. 29. Firefox MOZILLA VEM TRABALHANDO DURO EM DESENVOLVER APIS COM HTML5, JÁ QUE SEU TELEFONE É TOTALMENTE BASEADO EM HTML5 Apis como ALERTAPI, ProximityAPI – já existem nativamente na plataforma.
  30. 30. W3C
  31. 31. QUESTIONS?
  32. 32. E AÍ, VAI FICAR DE FORA? Muito Obrigado! @GustavoCostaW “Stay Hungry, Stay Foolish” – Steve Jobs

×