O documento discute o desenvolvimento de aplicativos híbridos usando HTML5. Apresenta as vantagens dos aplicativos híbridos, como ser multiplataforma, ter uma curva de aprendizado fácil e acessar APIs nativas. Também discute frameworks como Cordova, PhoneGap, AngularJS e Ionic que podem ser usados para melhorar a performance de aplicativos híbridos.

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.

4. PERFECT

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

8. APLICAÇÃO HÍBRIDA

9. APLICAÇÃO HÍBRIDA
PHONEGAP/CORDOVA ENTRA AQUI

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é? )

19. UI - ionicframework.com

20. IONIC SHOW CASE

21. UI – onsenui.io

22. AS COISAS MUDAM

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

31. QUESTIONS?

32. E AÍ, VAI FICAR DE FORA?
Muito Obrigado!
@GustavoCostaW
“Stay Hungry, Stay Foolish” – Steve Jobs