Mini curso - Ionic Framework
-
Upload
juniorschroder -
Category
Education
-
view
252 -
download
1
Transcript of Mini curso - Ionic Framework
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
JOSÉ CARLOS SCHRÖDER JÚNIOR - (JUNIOR)
!SOFTWARE ENGINEER @ ABASE SISTEMAS { 2005 - DATETIME.NOW() } ! [email protected] ! HTTPS://GITHUB.COM/JUNIORSCHRODER ! HTTPS://BR.LINKEDIN.COM/IN/JUNIORSCHRODER !
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
APLICATIVOS E PLATAFORMAS
OBJECTIVE-C
SWIFT
JAVA C#
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
TIPOS DE APPS
▸ Apps NATIVAS(Objective-C; Swift; Java; C#)
▸ Apps HIBRIDASHTML + CSS + JAVASCRIPT
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.
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
COMO ISSO FUNCIONA?
CAMERA, CONTATOS, GPS, BLUETOOTH, WIFI, ETC
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
COMO ISSO FUNCIONA?
=http://ngcordova.com/
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/
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - IONIC LAB
http://lab.ionic.io/
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - INSTALAÇÃO
C:\User\Usuario> npm install -g cordova ionic
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - CRIANDO UM NOVO APP
C:\User\Usuario> ionic start <nome_do_app> <template>
C:\User\Usuario> ionic start minhaApp tabs
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - ADICIONANDO PLATAFORMAS
C:\User\Usuario\nome_do_app> ionic platform add android
$ ionic platform add ios
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - PLUGINS - NGCORDOVA
C:\User\Usuario\nome_do_app> cordova plugin add url_do_plugin_ou_nome_do_plugin
Javascript{ ContatosCameraGPSSMS
Etc....
C:\User\Usuario\nome_do_app> cordova plugin add cordova-plugin-contacts
http://ngcordova.com/docs/plugins/
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - ESTRUTURA DO PROJETO
AQUI VAMOS CODIFICAR NOSSO APP
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