Ionic 2 como ferramenta para desenvolvimento móvel.

2. Front-end Developer⚡
Javascript <3
Mobile Development <3
Hybrid Development <3
Gustavo Costa

4. 'The top open source framework for
building amazing mobile app’ - ionic.io
Ionic é um framework para criação de aplicativos híbridos
usando HTML, CSS e Javascript. Ele possui um conjunto
de componentes e funções prontas que nós podemos
usar e deixar nosso aplicativo mais funcional e atrativo.

5. Ecossistema
Core
Values
28k stars Github
10.000 participantes canal slack
3.2M desenvolvedores acessaram o ionic.io em 2016
200+ contribuidores
$12.22M em 4 rounds de 6 investidores (23 funcionários)
+4 milhões de apps foram iniciados com o Angular CLI

6. União de duas plataformas
O Ionic une o melhor de duas
grandes plataformas: Angular &
Apache Cordova
1
Tecnologias Web
Com Ionic nunca foi tão fácil
desenvolver um aplicativo
2
Produtividade,
reaproveitamento e custo
Desenvolver software não é uma
tarefa nada fácil, Ionic resolve
muitos problemas para nós.
3
Tão popular, qual o
motivo?

7. APACHE CORDOVAANGULAR
União de plataformas
UX/UI NATIVO

8. Angular - Ionic
Todos os componentes do Ionic são Componentes do
Angular
1
Navegação e controle de rotas é feito pelo Angular2
Sistema de build (JIT/AOT) é feito pelo Angular3

9. Cordova - Ionic
<WebView>
Apache Cordova cria um aplicativo ‘nativo' que abre uma
<WebView> 100%x100%, que abre nosso projeto1
Como é um aplicativo nativo, temos acesso a qualquer
API nativa
2
O Apache Cordova provê uma interface de código nativo
Swift/Java através de Javascript, os famosos plugins
3
O 'Ionic Native' abstrai isso em serviços do Angular e
notifica o sistema de mudanças do Angular via
Observables
4

10. APACHE CORDOVAANGULAR
get best things

11. Primeiro framework para
desenvolvimento
multiplataforma estável.
1
Padrão UX/UI das plataformas
2
Muito fácil começar um
projeto e utilizar uma API
nativa.
3
IONIC 1 - ACERTOS
:)

12. Lento em alguns casos
1
Possui apenas o padrão de
design do iOS
2
Sem suporte para web.
3
IONIC 1 - ERROS
:(

13. 2.x

14. IONIC 2
COMPONENTES
ionicframework.com/docs/v2/components

16. Próxima geração de
Performance
AOT
Change Detection
Tree Shaking
Web Workers

17. IONIC 2
NATIVE SCROLLING

18. IONIC 2
ERROR REPORTING

19. IONIC 2
TESTABLE

20. IONIC 2
FRIENDS

21. IONIC 2
PROGRESSIVE WEB APPS

22. IONIC 2
ELECTRON

23. 2.2
IONIC 2 - ACTIVE STATE
+ BUGFIX
+ RESPONSIVE

24. 2.4
IONIC 2 - ACTIVE STATE
+ANGULAR 2.4

25. IONIC 2 - ACTIVE STATE
Splint Pane

26. IONIC 2 - ACTIVE STATE
Grid, Flex box

27. HTML
JAVASCRIPT
CSS
O que preciso
aprender?
COMECE HOJE!

28. FUTURE
IONIC 3

29. FUTURE
IONIC NATIVE

30. FUTURE
ANGULAR 4

31. OBRIGADO!
@GustavoCostaW
ionic.io