Slides da minha palestra no WebDev Summit 2015 (21/03/2015).

1. Descomplicando o Mobile
com Ionic Framework
WebDevSummit 2015

2. Yan Borowski
Machado
Gerente de Desenvolvimento e
Projetos na AM4
2

3. Antes do Ionic, um pouco de
história...
3

4. Desenvolvimento Web ~ 10 anos
 Firefox (2004)
 Ajax / XMLHttpRequest (2005)
 Esboço da Especificação do HTML 5 (2008)
 Google Chrome (2008)
 Drag and Drop (2008)
 Geolocalização (2009)
 WebGL (2011)
 HTML 5: Processo de especificação concluído (2014)
4

5. 5

6. 6
Ionic Framework

7. Foco na construção do aplicativo,
não como um aplicativo deve
funcionar por trás
7

8. O que tem na caixinha?
8

9. Funcionamento
 Um único código fonte
 Acesso à APIs nativas através do CORDOVA
 Comandos simples via console
9

10. CORDOVA
 Touch ID
 Open Authentication
 Camera
 Push
 Geolocalização
 Health kit
 Giroscópio / Acelerómetro
 Etc, etc
10
Mais em: http://ngcordova.com/docs/plugins/

11. Comandos básicos
 $ npm install -g ionic cordova
 $ ionic start myapp sidemenu | blank | tabs
 $ cd myapp
 $ ionic platform add android | ios
 $ ionic serve
 $ ionic build android | ios
 $ ionic run android | ios
 $ ionic upload
11

12. Continuidade de
Plataforma
Fonte: http://ionicframework.com/blog/platform-continuity/
12

13. 13

14. IonicView
Sem instalação de SDK
14

15. Firebase
<script>
var fb = new
Firebase("https://INSTANCE_ID_HERE.firebaseio.com/");
</script>
15

16. Hora da Demo
16

17. Simplicidade
“Simplicidade é o nível mais alto de sofisticação”
Leonardo da Vinci
“Menos é mais”
Ludwig Mies Van der Rohe
“KISS – Keep It Simple, Stupid!”
Kelly Johnson
17

18. Who to follow?
 Ionic - @ionicframework
 Adam Bradley - @adamdbradley
 Max Lynch - @maxlynch
 Bem Sperry - @benjsperry
 Drifty - @DriftyCo
18

19. Links úteis
 http://ionicframework.com/
 http://ionicframework.com/docs/overview/
 https://www.airpair.com/ionic-framework/posts/ionic-firebase-
password-manager
19

20. 20
+
E ai, vamos começar?