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.

Mini curso - Ionic Framework

501 views

Published on

Slides do mini curso de desenvolvimento mobile do XVII FÓRUM DE INFORMÁTICA da SETREM

Published in: Education
  • Be the first to comment

Mini curso - Ionic Framework

  1. 1. IONIC FRAMEWORK DESENVOLVIMENTO MOBILE
  2. 2. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE JOSÉ CARLOS SCHRÖDER JÚNIOR - (JUNIOR) ! SOFTWARE ENGINEER @ ABASE SISTEMAS { 2005 - DATETIME.NOW() } ! JUNIORSCHRODER@GMAIL.COM ! HTTPS://GITHUB.COM/JUNIORSCHRODER ! HTTPS://BR.LINKEDIN.COM/IN/JUNIORSCHRODER !
  3. 3. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE APLICATIVOS E PLATAFORMAS OBJECTIVE-C SWIFT JAVA C#
  4. 4. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE TIPOS DE APPS ▸ Apps NATIVAS
 (Objective-C; Swift; Java; C#) ▸ Apps HIBRIDAS
 HTML + CSS + JAVASCRIPT
  5. 5. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK ▸ Free e Open Source ▸ Fornece um conjunto de componentes html, css, js e ferramentas para desenvolvimento de apps multiplataforma ▸ Permite acesso e uso de recursos de hardware e de sistema dos dispositivos móveis através do javascript como: Camera, Bluetooth, Rede, GPS, Contatos, etc.
  6. 6. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE COMO ISSO FUNCIONA?
  7. 7. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE COMO ISSO FUNCIONA? CAMERA, CONTATOS, GPS, BLUETOOTH, WIFI, ETC
  8. 8. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE COMO ISSO FUNCIONA? +
  9. 9. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE COMO ISSO FUNCIONA? = http://ngcordova.com/
  10. 10. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE ANGULARJS ????????? ▸ Framework Javascript Open-Source ▸ Criado e mantido pelo Google ▸ Aplica o padrão MVC na construção de UI ▸ Ajuda e muito na organização do código https://angularjs.org/
  11. 11. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - IONIC CLI
  12. 12. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - IONIC LAB http://lab.ionic.io/
  13. 13. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - IONIC VIEW
  14. 14. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - INSTALAÇÃO C:UserUsuario> npm install -g cordova ionic
  15. 15. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - CRIANDO UM NOVO APP C:UserUsuario> ionic start <nome_do_app> <template> C:UserUsuario> ionic start minhaApp tabs
  16. 16. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - ADICIONANDO PLATAFORMAS C:UserUsuarionome_do_app> ionic platform add android $ ionic platform add ios
  17. 17. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - PLUGINS - NGCORDOVA C:UserUsuarionome_do_app> cordova plugin add url_do_plugin_ou_nome_do_plugin Javascript { Contatos Camera GPS SMS Etc.... C:UserUsuarionome_do_app> cordova plugin add cordova-plugin-contacts http://ngcordova.com/docs/plugins/
  18. 18. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - ESTRUTURA DO PROJETO AQUI VAMOS CODIFICAR NOSSO APP
  19. 19. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - LET'S CODE !!! APP 1 - CONSULTA CEP POSTMON API APP 2 - LEITOR COD. BARRAS PLUGIN BARCODESCANNER
  20. 20. PERGUNTAS? MUITO OBRIGADO!

×