O documento discute como desenvolver aplicativos móveis híbridos que podem ser distribuídos no Android, iOS e Windows Phone usando apenas HTML, CSS e JavaScript. Explica as diferenças entre aplicativos nativos e híbridos e apresenta ferramentas como PhoneGap, Cordova e frameworks como Ionic que permitem acessar recursos de dispositivos móveis.

1. Codifique uma vez, distribua em Android, iOS e
Windows Phone
João Gabriel Lima
@jgabriel_lima
www.jgabriellima.com
linkedin.com/in/joaogabriellima

2. Sobre o autor

3. http://github.com/jgabriellima
IT Hacker - software e hardware,
Arquiteto de 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.

4. Primeiramente vamos entender as diferenças
entre Nativo e Híbrido

6. ‘Nativos’ x ‘Híbridos’
Aplicativos Nativos
São aplicativos desenvolvidos especificamente
para uma plataforma utilizando a linguagem e as
APIs nativas do dispositivo.
Além de usufruírem do acesso direto e nativo às
funcionalidades dos sensores, tais como, GPS,
acelerômetro, giroscópio e sensor de
luminosidade, também tem facilidades no acesso
a recursos nativos como lista de contatos,
calendário, uso da câmera, reconhecimentos de
gestos de usuários na tela. É interessante
destacar também que os aplicativos nativos
podem funcionar sem a necessidade internet.
Aplicativos Híbridos
Os aplicativos híbridos se comportam como
um aplicativo nativo, porém são aplicações
web. Sendo aplicativos web eles podem ser
baseados em HTML5 e exibidos através de um
navegador embutido no aplicativo.
Atualmente são capazes de acessar todas as
funcionalidades dos dispositivos, assim como
os nativos, mas são desenvolvidos utilizando-
se apenas HTML, CSS e JS.
São populares devido a sua característica
multiplataforma, isto é, se desenvolve apenas
uma vez e executa em diferentes plataformas,
permitindo redução dos custos de produção.

7. Desenvolvimento de aplicativos mobile híbrido

8. Entendendo a arquitetura de uma
aplicação híbrida

9. Arquitetura das aplicações híbridas

10. Como acessar as funcionalidades
nativas dos dispositivos?

11. http://phonegap.com/

13. https://cordova.apache.org/

14. https://cordova.apache.org/

15. Phonegap Showcase

16. Já sei HTML, CSS e JS e agora, o que
eu faço?

17. Ferramentas e Frameworks

18. https://www.sencha.com/products/touch/

20. http://www.appcelerator.com/product/

22. https://onsen.io/

25. https://jquerymobile.com/

27. https://software.intel.com/pt-br/intel-xdk

30. http://mobileangularui.com/

31. http://www.idangero.us/framework7/

32. http://ionicframework.com/

33. http://ionicframework.com/

34. http://ionicframework.com/

35. http://ionicframework.com/

36. Então quer dizer que se eu souber apenas HTML, CSS e
Javascript, eu posso construir aplicativos para dispositivos
móveis?

37. Indo além...

38. 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...

41. Quem poderá me
ajudar?

42. Curso ‘Full-stack mobile developer’
com Ionic Framework
João Gabriel Lima
@jgabriel_lima
www.jgabriellima.com

44. Convite...

46. - 39 Palestrantes, sendo 2 Keynotes e 2
convidados especiais.
- 4 trilhas
* Desenvolvimento, Operação e Testes;
* Game e Mobile
* Inovação, Empreendedorismo e Comunidade
* Gestão, Negócio e Agilidade

47. Codifique uma vez, distribua em Android, iOS e
Windows Phone
João Gabriel Lima
@jgabriel_lima
www.jgabriellima.com
linkedin.com/in/joaogabriellima