Mini curso - Ionic Framework

408 views

Published on

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

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
408
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for 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!

×