Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Front-end Developer⚡
Javascript <3
Mobile Development <3

Hybrid Development <3
Gustavo Costa
'The top open source framework for
building amazing mobile app’ - ionic.io
Ionic é um framework para criação de aplicativo...
Ecossistema
Core

Values
28k stars Github
10.000 participantes canal slack
3.2M desenvolvedores acessaram o ionic.io em 20...
União de duas plataformas
O Ionic une o melhor de duas
grandes plataformas: Angular &
Apache Cordova
1
Tecnologias Web
Com...
APACHE CORDOVAANGULAR
União de plataformas
UX/UI NATIVO
Angular - Ionic
Todos os componentes do Ionic são Componentes do
Angular
1
Navegação e controle de rotas é feito pelo Angu...
Cordova - Ionic
<WebView>
Apache Cordova cria um aplicativo ‘nativo' que abre uma
<WebView> 100%x100%, que abre nosso proj...
APACHE CORDOVAANGULAR
get best things
Primeiro framework para
desenvolvimento
multiplataforma estável.
1
Padrão UX/UI das plataformas
2
Muito fácil começar um
p...
Lento em alguns casos
1
Possui apenas o padrão de
design do iOS
2
Sem suporte para web.
3
IONIC 1 - ERROS
:(
2.x
IONIC 2
COMPONENTES
ionicframework.com/docs/v2/components
Próxima geração de
Performance
AOT
Change Detection
Tree Shaking
Web Workers
IONIC 2
NATIVE SCROLLING
IONIC 2
ERROR REPORTING
IONIC 2
TESTABLE
IONIC 2
FRIENDS
IONIC 2
PROGRESSIVE WEB APPS
IONIC 2
ELECTRON
2.2
IONIC 2 - ACTIVE STATE
+ BUGFIX

+ RESPONSIVE
2.4
IONIC 2 - ACTIVE STATE
+ANGULAR 2.4
IONIC 2 - ACTIVE STATE
Splint Pane
IONIC 2 - ACTIVE STATE
Grid, Flex box
HTML
JAVASCRIPT
CSS
O que preciso
aprender?
COMECE HOJE!
FUTURE
IONIC 3
FUTURE
IONIC NATIVE
FUTURE
ANGULAR 4
OBRIGADO!
@GustavoCostaW
ionic.io
Ionic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvel
Upcoming SlideShare
Loading in …5
×

Ionic 2 como ferramenta para desenvolvimento móvel

740 views

Published on

Ionic 2 como ferramenta para desenvolvimento móvel.

Published in: Technology
  • Be the first to comment

Ionic 2 como ferramenta para desenvolvimento móvel

  1. 1. Front-end Developer⚡ Javascript <3 Mobile Development <3
 Hybrid Development <3 Gustavo Costa
  2. 2. '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.
  3. 3. 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

  4. 4. 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?
  5. 5. APACHE CORDOVAANGULAR União de plataformas UX/UI NATIVO
  6. 6. 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
  7. 7. 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
  8. 8. APACHE CORDOVAANGULAR get best things
  9. 9. 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 :)
  10. 10. Lento em alguns casos 1 Possui apenas o padrão de design do iOS 2 Sem suporte para web. 3 IONIC 1 - ERROS :(
  11. 11. 2.x
  12. 12. IONIC 2 COMPONENTES ionicframework.com/docs/v2/components
  13. 13. Próxima geração de Performance AOT Change Detection Tree Shaking Web Workers
  14. 14. IONIC 2 NATIVE SCROLLING
  15. 15. IONIC 2 ERROR REPORTING
  16. 16. IONIC 2 TESTABLE
  17. 17. IONIC 2 FRIENDS
  18. 18. IONIC 2 PROGRESSIVE WEB APPS
  19. 19. IONIC 2 ELECTRON
  20. 20. 2.2 IONIC 2 - ACTIVE STATE + BUGFIX
 + RESPONSIVE
  21. 21. 2.4 IONIC 2 - ACTIVE STATE +ANGULAR 2.4
  22. 22. IONIC 2 - ACTIVE STATE Splint Pane
  23. 23. IONIC 2 - ACTIVE STATE Grid, Flex box
  24. 24. HTML JAVASCRIPT CSS O que preciso aprender? COMECE HOJE!
  25. 25. FUTURE IONIC 3
  26. 26. FUTURE IONIC NATIVE
  27. 27. FUTURE ANGULAR 4
  28. 28. OBRIGADO! @GustavoCostaW ionic.io

×