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

3.264 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.264
No SlideShare
0
A partir de incorporações
0
Número de incorporações
56
Ações
Compartilhamentos
0
Downloads
119
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

×