Successfully reported this slideshow.

Ionic 2 como ferramenta para desenvolvimento móvel

3

Share

Loading in …3
×
1 of 31
1 of 31

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

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

×