Mini curso - Ionic Framework

166 visualizações

Publicada em

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

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
166
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
7
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

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!

×