O Ionic Framework provou que é possível desenvolver aplicativos multiplataforma utilizando as tecnologias que já conhecemos; HTML, CSS e Javascript. Nessa apresentação, mostraremos o potencial desse incrível framework, entre outras ferramentas que tem permitido a criação de apps extraordinários.

1. Como construir um app

2. NaVibe
Isaque Dias
19 anos, soteropolitano
Diretor de Inovação no Clicou Partiu

3. Aplicativos móveis
movimentarão até U$70 bi até 2017.
O mercado brasileiro movimenta US$ 25 bilhões e tem
a expectativa de chegar a US$ 70 bilhões em 2017,
segundo o Ministério da Ciência e Tecnologia (MCT)

5. Sua empresa
pretende lançar um aplicativo no mercado.
E obviamente
desejam um app multi-plataforma.

6. Mas...
quanto custaria esse app?

7. Mais plataformas,
mais problemas

9. HYBRID APPS!
HTML5 que parece nativo
Acesso direto às APIs nativas
Ambiente de desenvolvimento familiar
Uma única base de código

10. Cordova

12. apps híbridos são lentos

13. todo pokemon evolui

14. Ano Dispositivo CPU RAM
2007 iPhone 400MHz 128MB
2010 iPhone 4 1GHz 512MB
2015 iPhone 6 1.4 GHz dual core 1GB

17. Native SDK’s
Common UI, APIs, views, navigation, stack history, transitions,
interactions, gestures, etc.

18. Ainda não temos
uma SDK para Web.

19. Ainda não temos uma
SDK para a
web!

22. Foque na criação do seu app,
e não em como ele deverá funcionará

23. Tecnologias web que você já
conhece e ama.

24. Construído com o
Angularjs.

26. Focado em
perfomance
● Aceleração de hardware
● Manipulação mínima do DOM

27. Ionicons
Coleção com mais de 700 ícones

28. Como tudo isso é possível?
Seu app
Ionic
AngularJS
WebView (Cordova)
SDK Nativa

29. CSS facilmente customizável
com o Sass

34. NATIVO HÍBRIDOX

35. NATIVO HÍBRIDO
Perfomance
Custo de Desenvolvimento
Acesso à Native API’s
UI/UX
Flexibilidade para
Implementação Contínua
Alta Moderada
Moderado-Baixo
Moderado
Moderado
Alta
Alto
Alto
Alto
Baixa

36. Instalação do Ionic
npm install -g ionic cordova
Inicializando um projeto
ionic start nomedoapp blank
Testando a aplicação no navegador
ionic serve

37. Ok, cool.
Show me the code!

38. Obrigado!
fb.com/isaquediasm
github.com/isaquediasm
twitter.com/isaquediasm