SlideShare una empresa de Scribd logo
1 de 32
Descargar para leer sin conexión
ABRA SUA 
MENTE, APPS 
COM HTML5! 
GUSTAVO COSTA 
@GustavoCostaW
GUSTAVO COSTA 
- MOBILE DEVELOPER 
- FRONT-END 
- LOVES WEB PATTERNS 
- REFERÊNCIA CORDOVA/PHONEGAP 
- GOOGLE ORGANIZER 
- BLACKBERRY ELITE 
@GustavoCostaW
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.
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 
- Cross platform 
- Linha de 
aprendizado fácil 
- Muito fléxivel 
- Custo mais barato 
- Sem acesso a APIs 
nativas
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 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.
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
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.
FRAMEWORKS 
TEMPLATE CRIADO POR MIM PARA 
AUXILIAR VELOCIDADE DE 
DESENVOLVIMENTO DE APPS HÍBRIDOS 
https://github.com/FastGap/fastgap
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ógica do APP (Better for test) 
- Mantido pelo Google (já basta né? )
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-for- 
html5-with-ios-8 
WKWebView é a nova instacia do iOS para o 
browser é 4x mais rápida.
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
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 
Apis como ALERTAPI, ProximityAPI – já existem 
nativamente na plataforma.
W3C
QUESTIONS?
E AÍ, VAI FICAR DE FORA? 
Muito Obrigado! 
@GustavoCostaW 
“Stay Hungry, Stay Foolish” – Steve Jobs

Más contenido relacionado

La actualidad más candente

Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicFelipe Blini
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Luiz Gavinho
 
Introdução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha TouchIntrodução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha TouchRafael Neri
 
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkMinicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkCristian Dean
 
Phonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorPhonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorAfonso Fernandes
 
instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1Afonso Fernandes
 
Desenvolvendo APPs Com Angular.JS + Cordova
Desenvolvendo APPs Com Angular.JS �+ CordovaDesenvolvendo APPs Com Angular.JS �+ Cordova
Desenvolvendo APPs Com Angular.JS + CordovaGustavo Costa
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidRafael Sakurai
 
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Wennder Santos
 
Desenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicDesenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicFelipe Renan Vieira
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao PhonegapLoiane Groner
 
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)Wennder Santos
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileWaldyr Felix
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegapwlsilva
 
Desmistificando o mobile híbrido com phonegap
Desmistificando o mobile híbrido com phonegapDesmistificando o mobile híbrido com phonegap
Desmistificando o mobile híbrido com phonegapLeonardo Marinho
 
Phonegap - Framework Mobile
Phonegap - Framework MobilePhonegap - Framework Mobile
Phonegap - Framework MobileIldyone Martins
 

La actualidad más candente (20)

Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!
 
Phonegap
PhonegapPhonegap
Phonegap
 
Introdução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha TouchIntrodução ao PhoneGap e Sencha Touch
Introdução ao PhoneGap e Sencha Touch
 
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkMinicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
 
Phonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorPhonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emulador
 
instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1
 
Desenvolvendo APPs Com Angular.JS + Cordova
Desenvolvendo APPs Com Angular.JS �+ CordovaDesenvolvendo APPs Com Angular.JS �+ Cordova
Desenvolvendo APPs Com Angular.JS + Cordova
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao Android
 
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
 
Desenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicDesenvolvimento Mobile com Ionic
Desenvolvimento Mobile com Ionic
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
 
Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento Mobile
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegap
 
React Native
React NativeReact Native
React Native
 
Desmistificando o mobile híbrido com phonegap
Desmistificando o mobile híbrido com phonegapDesmistificando o mobile híbrido com phonegap
Desmistificando o mobile híbrido com phonegap
 
Phonegap - Framework Mobile
Phonegap - Framework MobilePhonegap - Framework Mobile
Phonegap - Framework Mobile
 
PhoneGap
PhoneGapPhoneGap
PhoneGap
 

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

Mobile: o que já está acontecendo e o que é futuro?
Mobile: o que já está acontecendo e o que é futuro?Mobile: o que já está acontecendo e o que é futuro?
Mobile: o que já está acontecendo e o que é futuro?meet2Brains
 
Mobile Web: Aqui e Agora
Mobile Web: Aqui e AgoraMobile Web: Aqui e Agora
Mobile Web: Aqui e AgoraSaulo Pratti
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"
 
A importância de sites otimizados para dispositivos móveis
A importância de sites otimizados para dispositivos móveisA importância de sites otimizados para dispositivos móveis
A importância de sites otimizados para dispositivos móveisJean de Carvalho
 
Desenvolvimento Mobile Web e PHP no Sinform2010
Desenvolvimento Mobile Web e PHP no Sinform2010Desenvolvimento Mobile Web e PHP no Sinform2010
Desenvolvimento Mobile Web e PHP no Sinform2010Bruno Fernandes "PorKaria"
 
PHP e o Desenvolvimento Mobile Web no LinguAgil
PHP e o Desenvolvimento Mobile Web no LinguAgilPHP e o Desenvolvimento Mobile Web no LinguAgil
PHP e o Desenvolvimento Mobile Web no LinguAgilBruno Fernandes "PorKaria"
 
Carreira como desenvolvedor Mobile?
Carreira como desenvolvedor Mobile?Carreira como desenvolvedor Mobile?
Carreira como desenvolvedor Mobile?Douglas Fischer
 
Definindo testes e estratégias para dispositivos móveis
Definindo testes e estratégias para dispositivos móveisDefinindo testes e estratégias para dispositivos móveis
Definindo testes e estratégias para dispositivos móveisThiago Cordeiro
 
Trabalho colaborativo na entrega de software - case es na palma da mão
Trabalho colaborativo na entrega de software - case es na palma da mãoTrabalho colaborativo na entrega de software - case es na palma da mão
Trabalho colaborativo na entrega de software - case es na palma da mãoRenzo Colnago
 
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...Paulo Cesar Ortins Brito
 
Mercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleMercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleRamon Bispo
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013Jackson F. de A. Mafra
 
Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...
Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...
Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...E-Commerce Brasil
 

Similar a Abra sua cabeça, apps híbridos - PhoneGap/Cordova (20)

Mobile: o que já está acontecendo e o que é futuro?
Mobile: o que já está acontecendo e o que é futuro?Mobile: o que já está acontecendo e o que é futuro?
Mobile: o que já está acontecendo e o que é futuro?
 
Mobile Web: Aqui e Agora
Mobile Web: Aqui e AgoraMobile Web: Aqui e Agora
Mobile Web: Aqui e Agora
 
Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011
 
A importância de sites otimizados para dispositivos móveis
A importância de sites otimizados para dispositivos móveisA importância de sites otimizados para dispositivos móveis
A importância de sites otimizados para dispositivos móveis
 
A vez do mobile - Dev in Bahia #3
A vez do mobile - Dev in Bahia #3A vez do mobile - Dev in Bahia #3
A vez do mobile - Dev in Bahia #3
 
Desenvolvimento Mobile Web na TechEdBr
Desenvolvimento Mobile Web na TechEdBrDesenvolvimento Mobile Web na TechEdBr
Desenvolvimento Mobile Web na TechEdBr
 
The is an app for that!
The is an app for that!The is an app for that!
The is an app for that!
 
Desenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHPDesenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHP
 
Desenvolvimento Mobile Web e PHP no Sinform2010
Desenvolvimento Mobile Web e PHP no Sinform2010Desenvolvimento Mobile Web e PHP no Sinform2010
Desenvolvimento Mobile Web e PHP no Sinform2010
 
PHP e o Desenvolvimento Mobile Web no LinguAgil
PHP e o Desenvolvimento Mobile Web no LinguAgilPHP e o Desenvolvimento Mobile Web no LinguAgil
PHP e o Desenvolvimento Mobile Web no LinguAgil
 
Carreira como desenvolvedor Mobile?
Carreira como desenvolvedor Mobile?Carreira como desenvolvedor Mobile?
Carreira como desenvolvedor Mobile?
 
Definindo testes e estratégias para dispositivos móveis
Definindo testes e estratégias para dispositivos móveisDefinindo testes e estratégias para dispositivos móveis
Definindo testes e estratégias para dispositivos móveis
 
Desenvolvimento Mobile Web e PHP na FIPAR
Desenvolvimento Mobile Web e PHP na FIPARDesenvolvimento Mobile Web e PHP na FIPAR
Desenvolvimento Mobile Web e PHP na FIPAR
 
Trabalho colaborativo na entrega de software - case es na palma da mão
Trabalho colaborativo na entrega de software - case es na palma da mãoTrabalho colaborativo na entrega de software - case es na palma da mão
Trabalho colaborativo na entrega de software - case es na palma da mão
 
Desenvolvimento Mobile Web
Desenvolvimento Mobile Web Desenvolvimento Mobile Web
Desenvolvimento Mobile Web
 
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
GDG Tech Talk - Quer desenvolver aplicações nativas e cross-plataforma usando...
 
Mercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleMercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para ele
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013
 
Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...
Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...
Auditório de Soluções (15/08): PWA - O Futuro dos Aplicativos Mobile - Ivan B...
 
Webapp já posso invistir nisso ? FISL12
Webapp já posso invistir nisso ? FISL12Webapp já posso invistir nisso ? FISL12
Webapp já posso invistir nisso ? FISL12
 

Más de Gustavo Costa

Trabalho remoto + Carreira Internacional em T.I
Trabalho remoto + Carreira Internacional em T.ITrabalho remoto + Carreira Internacional em T.I
Trabalho remoto + Carreira Internacional em T.IGustavo Costa
 
Angular Extreme Performance - V2
Angular Extreme Performance - V2Angular Extreme Performance - V2
Angular Extreme Performance - V2Gustavo Costa
 
Google Calendar API - Getting Started
Google Calendar API - Getting StartedGoogle Calendar API - Getting Started
Google Calendar API - Getting StartedGustavo Costa
 
Getting Started with NgRx (Redux) Angular
Getting Started with NgRx (Redux) AngularGetting Started with NgRx (Redux) Angular
Getting Started with NgRx (Redux) AngularGustavo Costa
 
Angular Extreme Performance
Angular  Extreme PerformanceAngular  Extreme Performance
Angular Extreme PerformanceGustavo Costa
 
Angular - Um novo change detection
Angular - Um novo change detectionAngular - Um novo change detection
Angular - Um novo change detectionGustavo Costa
 
Ionic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvelIonic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvelGustavo Costa
 
Angular.JS - Estado Atual
Angular.JS - Estado AtualAngular.JS - Estado Atual
Angular.JS - Estado AtualGustavo Costa
 
Mobile - Abra sua cabeça.
Mobile - Abra sua cabeça.Mobile - Abra sua cabeça.
Mobile - Abra sua cabeça.Gustavo Costa
 

Más de Gustavo Costa (9)

Trabalho remoto + Carreira Internacional em T.I
Trabalho remoto + Carreira Internacional em T.ITrabalho remoto + Carreira Internacional em T.I
Trabalho remoto + Carreira Internacional em T.I
 
Angular Extreme Performance - V2
Angular Extreme Performance - V2Angular Extreme Performance - V2
Angular Extreme Performance - V2
 
Google Calendar API - Getting Started
Google Calendar API - Getting StartedGoogle Calendar API - Getting Started
Google Calendar API - Getting Started
 
Getting Started with NgRx (Redux) Angular
Getting Started with NgRx (Redux) AngularGetting Started with NgRx (Redux) Angular
Getting Started with NgRx (Redux) Angular
 
Angular Extreme Performance
Angular  Extreme PerformanceAngular  Extreme Performance
Angular Extreme Performance
 
Angular - Um novo change detection
Angular - Um novo change detectionAngular - Um novo change detection
Angular - Um novo change detection
 
Ionic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvelIonic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvel
 
Angular.JS - Estado Atual
Angular.JS - Estado AtualAngular.JS - Estado Atual
Angular.JS - Estado Atual
 
Mobile - Abra sua cabeça.
Mobile - Abra sua cabeça.Mobile - Abra sua cabeça.
Mobile - Abra sua cabeça.
 

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

  • 1. ABRA SUA MENTE, APPS COM HTML5! GUSTAVO COSTA @GustavoCostaW
  • 2. GUSTAVO COSTA - MOBILE DEVELOPER - FRONT-END - LOVES WEB PATTERNS - REFERÊNCIA CORDOVA/PHONEGAP - GOOGLE ORGANIZER - BLACKBERRY ELITE @GustavoCostaW
  • 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.
  • 5. O PROBLEMA C++ SWIFT JAVA C# REAÇÃO
  • 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. MAS SE A GENTE JUNTAR? HÍBRIDO
  • 10. APLICAÇÃO HÍBRIDA - CROSS PLATFORM - LINHA DE APRENDIZADO FÁCIL - ACESSO A APIS NATIVAS - PUBLICAÇÃO NAS LOJAS
  • 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. 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. 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. FRAMEWORKS TEMPLATE CRIADO POR MIM PARA AUXILIAR VELOCIDADE DE DESENVOLVIMENTO DE APPS HÍBRIDOS https://github.com/FastGap/fastgap
  • 15. FASTGAP SAMPLES Por mim: PLAAY APP
  • 16. FASTGAP SAMPLES Por mim: BEAUTYX
  • 17. FASTGAP SAMPLES Por mim: TONAILS
  • 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é? )
  • 23. AS COISAS MUDAM Apple - 2009
  • 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. 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. Google Debugger – Dev Tools – Android 4.4+ Chrome WebView 4.4+
  • 27. Microsoft Visual Studio – Support Cordova Application
  • 28. BlackBerry A empresa atualmente que dá mais suporte ao HTML5
  • 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. W3C
  • 32. E AÍ, VAI FICAR DE FORA? Muito Obrigado! @GustavoCostaW “Stay Hungry, Stay Foolish” – Steve Jobs