SlideShare uma empresa Scribd logo
IONIC FRAMEWORK
DESENVOLVIMENTO MOBILE
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
!
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 HIBRIDAS

HTML + 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?
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?
+
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 CLI
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 - IONIC VIEW
SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE
IONIC FRAMEWORK - INSTALAÇÃO
C:UserUsuario> npm install -g cordova ionic
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
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
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/
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
PERGUNTAS?
MUITO OBRIGADO!

Mais conteúdo relacionado

Mais procurados

Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento Mobile
Waldyr Felix
 
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Felipe Blini
 
Workshop - Ionic + firebase
Workshop - Ionic + firebaseWorkshop - Ionic + firebase
Workshop - Ionic + firebase
Stefan Horochovec
 
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}
Sinesio bittencourt - Ionic framework  {Aplicações móveis híbridas}Sinesio bittencourt - Ionic framework  {Aplicações móveis híbridas}
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}
Sinesio Bittencourt
 
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Wennder Santos
 
Integrando WordPress com Ionic 3.
Integrando WordPress com Ionic 3.Integrando WordPress com Ionic 3.
Integrando WordPress com Ionic 3.
Sinesio Bittencourt
 
instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1
Afonso Fernandes
 
PhoneGap - Criando aplicações Android e iOS com HTML5
PhoneGap - Criando aplicações Android e iOS com HTML5PhoneGap - Criando aplicações Android e iOS com HTML5
PhoneGap - Criando aplicações Android e iOS com HTML5
Rodrigo Cascarrolho
 
Phonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorPhonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emulador
Afonso Fernandes
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
Mayron Cachina
 
PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5
Rafael Sakurai
 
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapAplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Thiago Colares
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
Loiane Groner
 
Conhecendo o PhoneGap
Conhecendo o PhoneGapConhecendo o PhoneGap
Conhecendo o PhoneGap
Cristiano Gomes
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
Rafael Sakurai
 
Criando Aplicações Mobile Híbridas com Ionic Framework
Criando Aplicações Mobile Híbridas com Ionic FrameworkCriando Aplicações Mobile Híbridas com Ionic Framework
Criando Aplicações Mobile Híbridas com Ionic Framework
João Gabriel Lima
 
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkMinicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Cristian Dean
 
Angular 4 Ionic 3 Cordova 5
Angular 4 Ionic 3 Cordova 5Angular 4 Ionic 3 Cordova 5
Angular 4 Ionic 3 Cordova 5
Dannyrooh F de Campos
 
Phonegap
PhonegapPhonegap
Phonegap
Lucas Aquiles
 
Desenvolvendo APPs Com Angular.JS + Cordova
Desenvolvendo APPs Com Angular.JS �+ CordovaDesenvolvendo APPs Com Angular.JS �+ Cordova
Desenvolvendo APPs Com Angular.JS + Cordova
Gustavo Costa
 

Mais procurados (20)

Ionic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento MobileIonic + Cordova para Desenvolvimento Mobile
Ionic + Cordova para Desenvolvimento Mobile
 
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicCurso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
 
Workshop - Ionic + firebase
Workshop - Ionic + firebaseWorkshop - Ionic + firebase
Workshop - Ionic + firebase
 
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}
Sinesio bittencourt - Ionic framework  {Aplicações móveis híbridas}Sinesio bittencourt - Ionic framework  {Aplicações móveis híbridas}
Sinesio bittencourt - Ionic framework {Aplicações móveis híbridas}
 
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
 
Integrando WordPress com Ionic 3.
Integrando WordPress com Ionic 3.Integrando WordPress com Ionic 3.
Integrando WordPress com Ionic 3.
 
instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1instalação do phonegap(cordova) no windows 8.1
instalação do phonegap(cordova) no windows 8.1
 
PhoneGap - Criando aplicações Android e iOS com HTML5
PhoneGap - Criando aplicações Android e iOS com HTML5PhoneGap - Criando aplicações Android e iOS com HTML5
PhoneGap - Criando aplicações Android e iOS com HTML5
 
Phonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emuladorPhonegap autorefresh - app direto no celular sem emulador
Phonegap autorefresh - app direto no celular sem emulador
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
 
PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5PhoneGap - criando aplicações Android e iOS com HTML5
PhoneGap - criando aplicações Android e iOS com HTML5
 
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGapAplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
 
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap
 
Conhecendo o PhoneGap
Conhecendo o PhoneGapConhecendo o PhoneGap
Conhecendo o PhoneGap
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 
Criando Aplicações Mobile Híbridas com Ionic Framework
Criando Aplicações Mobile Híbridas com Ionic FrameworkCriando Aplicações Mobile Híbridas com Ionic Framework
Criando Aplicações Mobile Híbridas com Ionic Framework
 
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic FrameworkMinicurso de Desenvolvimento Híbrido utilizando Ionic Framework
Minicurso de Desenvolvimento Híbrido utilizando Ionic Framework
 
Angular 4 Ionic 3 Cordova 5
Angular 4 Ionic 3 Cordova 5Angular 4 Ionic 3 Cordova 5
Angular 4 Ionic 3 Cordova 5
 
Phonegap
PhonegapPhonegap
Phonegap
 
Desenvolvendo APPs Com Angular.JS + Cordova
Desenvolvendo APPs Com Angular.JS �+ CordovaDesenvolvendo APPs Com Angular.JS �+ Cordova
Desenvolvendo APPs Com Angular.JS + Cordova
 

Destaque

Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
Rangel Torrezan
 
Dafiti App Android: Um app robusto mas sem sair da moda!
Dafiti App Android: Um app robusto mas sem sair da moda!Dafiti App Android: Um app robusto mas sem sair da moda!
Dafiti App Android: Um app robusto mas sem sair da moda!
Eduardo Lieuthier
 
Mini curso: Ionic Framework
Mini curso: Ionic FrameworkMini curso: Ionic Framework
Mini curso: Ionic Framework
Loiane Groner
 
Porque você deveria usar IONIC
Porque você deveria usar IONICPorque você deveria usar IONIC
Porque você deveria usar IONIC
Dan Jesus
 
Apresentação ionic framework
Apresentação ionic frameworkApresentação ionic framework
Apresentação ionic framework
Joel Garcia Jr
 
(BDT402) Delivering Business Agility Using AWS
(BDT402) Delivering Business Agility Using AWS(BDT402) Delivering Business Agility Using AWS
(BDT402) Delivering Business Agility Using AWS
Amazon Web Services
 
Ionic workshop
Ionic workshopIonic workshop
Ionic workshop
Alvaro Viebrantz
 
Angularjs in mobile app
Angularjs in mobile appAngularjs in mobile app
Angularjs in mobile app
Yvonne Yu
 
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Intel Software Brasil
 
Desenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicDesenvolvimento Mobile com Ionic
Desenvolvimento Mobile com Ionic
Felipe Renan Vieira
 
[Geral] colaboradores engajamento
[Geral] colaboradores   engajamento[Geral] colaboradores   engajamento
[Geral] colaboradores engajamento
Rangel Torrezan
 
Facilitando sua vida com WP Customizer
Facilitando sua vida com WP CustomizerFacilitando sua vida com WP Customizer
Facilitando sua vida com WP Customizer
Emerson Thompson
 
Contruindo Aplicações móveis com o Cordova e o Visual Studio
Contruindo Aplicações móveis com o Cordova e o Visual StudioContruindo Aplicações móveis com o Cordova e o Visual Studio
Contruindo Aplicações móveis com o Cordova e o Visual Studio
Wennder Santos
 
Offline apps Using Ionic Framework and PouchDB
Offline apps  Using Ionic Framework and PouchDBOffline apps  Using Ionic Framework and PouchDB
Offline apps Using Ionic Framework and PouchDB
Alvaro Viebrantz
 
CSC AWS re:Invent Enterprise DevOps session
CSC AWS re:Invent Enterprise DevOps sessionCSC AWS re:Invent Enterprise DevOps session
CSC AWS re:Invent Enterprise DevOps session
Tom Laszewski
 
Performance do ASP.NET Core, um comparativo com Node.js
Performance do ASP.NET Core, um comparativo com Node.jsPerformance do ASP.NET Core, um comparativo com Node.js
Performance do ASP.NET Core, um comparativo com Node.js
Waldyr Felix
 
Why are agencies struggling to drive digital business strategy?
Why are agencies struggling to drive digital business strategy?Why are agencies struggling to drive digital business strategy?
Why are agencies struggling to drive digital business strategy?
Ian Crocombe
 
Gartner_CSC_The Era of Digital Transformation New Normal or Deja Vu_v4
Gartner_CSC_The Era of Digital Transformation New Normal or Deja Vu_v4Gartner_CSC_The Era of Digital Transformation New Normal or Deja Vu_v4
Gartner_CSC_The Era of Digital Transformation New Normal or Deja Vu_v4
Sam Lakkundi
 

Destaque (18)

Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
Desenvolvimento Mobile Hibrido com Ionic e Angular - TDC Floripa 2015
 
Dafiti App Android: Um app robusto mas sem sair da moda!
Dafiti App Android: Um app robusto mas sem sair da moda!Dafiti App Android: Um app robusto mas sem sair da moda!
Dafiti App Android: Um app robusto mas sem sair da moda!
 
Mini curso: Ionic Framework
Mini curso: Ionic FrameworkMini curso: Ionic Framework
Mini curso: Ionic Framework
 
Porque você deveria usar IONIC
Porque você deveria usar IONICPorque você deveria usar IONIC
Porque você deveria usar IONIC
 
Apresentação ionic framework
Apresentação ionic frameworkApresentação ionic framework
Apresentação ionic framework
 
(BDT402) Delivering Business Agility Using AWS
(BDT402) Delivering Business Agility Using AWS(BDT402) Delivering Business Agility Using AWS
(BDT402) Delivering Business Agility Using AWS
 
Ionic workshop
Ionic workshopIonic workshop
Ionic workshop
 
Angularjs in mobile app
Angularjs in mobile appAngularjs in mobile app
Angularjs in mobile app
 
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
 
Desenvolvimento Mobile com Ionic
Desenvolvimento Mobile com IonicDesenvolvimento Mobile com Ionic
Desenvolvimento Mobile com Ionic
 
[Geral] colaboradores engajamento
[Geral] colaboradores   engajamento[Geral] colaboradores   engajamento
[Geral] colaboradores engajamento
 
Facilitando sua vida com WP Customizer
Facilitando sua vida com WP CustomizerFacilitando sua vida com WP Customizer
Facilitando sua vida com WP Customizer
 
Contruindo Aplicações móveis com o Cordova e o Visual Studio
Contruindo Aplicações móveis com o Cordova e o Visual StudioContruindo Aplicações móveis com o Cordova e o Visual Studio
Contruindo Aplicações móveis com o Cordova e o Visual Studio
 
Offline apps Using Ionic Framework and PouchDB
Offline apps  Using Ionic Framework and PouchDBOffline apps  Using Ionic Framework and PouchDB
Offline apps Using Ionic Framework and PouchDB
 
CSC AWS re:Invent Enterprise DevOps session
CSC AWS re:Invent Enterprise DevOps sessionCSC AWS re:Invent Enterprise DevOps session
CSC AWS re:Invent Enterprise DevOps session
 
Performance do ASP.NET Core, um comparativo com Node.js
Performance do ASP.NET Core, um comparativo com Node.jsPerformance do ASP.NET Core, um comparativo com Node.js
Performance do ASP.NET Core, um comparativo com Node.js
 
Why are agencies struggling to drive digital business strategy?
Why are agencies struggling to drive digital business strategy?Why are agencies struggling to drive digital business strategy?
Why are agencies struggling to drive digital business strategy?
 
Gartner_CSC_The Era of Digital Transformation New Normal or Deja Vu_v4
Gartner_CSC_The Era of Digital Transformation New Normal or Deja Vu_v4Gartner_CSC_The Era of Digital Transformation New Normal or Deja Vu_v4
Gartner_CSC_The Era of Digital Transformation New Normal or Deja Vu_v4
 

Semelhante a Mini curso - Ionic Framework

Desenvolvimento de aplicativo utilizando o framework ionic
Desenvolvimento de aplicativo utilizando o framework ionicDesenvolvimento de aplicativo utilizando o framework ionic
Desenvolvimento de aplicativo utilizando o framework ionic
Universidade Federal Rural do Semi Arido
 
Do código ao Sucesso com Source-To-Image
Do código ao Sucesso com Source-To-ImageDo código ao Sucesso com Source-To-Image
Do código ao Sucesso com Source-To-Image
Ricardo Martinelli de Oliveira
 
IBM Mobile Platform: Desenvolvimento de Aplicações Mobile
IBM Mobile Platform: Desenvolvimento de Aplicações MobileIBM Mobile Platform: Desenvolvimento de Aplicações Mobile
IBM Mobile Platform: Desenvolvimento de Aplicações Mobile
Alex Barbosa Coqueiro
 
ASP.NET vNext no .NET Architects Days 2014
ASP.NET vNext no .NET Architects Days 2014ASP.NET vNext no .NET Architects Days 2014
ASP.NET vNext no .NET Architects Days 2014
Giovanni Bassi
 
la 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gapla 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gap
Roberson Alves
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Rodrigo Branas
 
Android
AndroidAndroid
Workshop de Firefox OS
Workshop de Firefox OSWorkshop de Firefox OS
Workshop de Firefox OS
David Ruiz
 
Internet das coisas - A revolução já começou
Internet das coisas - A revolução já começouInternet das coisas - A revolução já começou
Internet das coisas - A revolução já começou
Jose Wilker
 
Desenvolvedor mobile precisa aprender Web
Desenvolvedor mobile precisa aprender Web Desenvolvedor mobile precisa aprender Web
Desenvolvedor mobile precisa aprender Web
Jean Carlo Emer
 
Desenvolvimento de Aplicações para Android em C# com o MonoDroid
Desenvolvimento de Aplicações para Android em C# com o MonoDroidDesenvolvimento de Aplicações para Android em C# com o MonoDroid
Desenvolvimento de Aplicações para Android em C# com o MonoDroid
Bruno Pires
 
Ionic framework V2/3 {Aplicações móveis híbridas}
Ionic framework V2/3 {Aplicações móveis híbridas} Ionic framework V2/3 {Aplicações móveis híbridas}
Ionic framework V2/3 {Aplicações móveis híbridas}
Sinesio Bittencourt
 
TDC2017 | São Paulo - Trilha Containers How we figured out we had a SRE team ...
TDC2017 | São Paulo - Trilha Containers How we figured out we had a SRE team ...TDC2017 | São Paulo - Trilha Containers How we figured out we had a SRE team ...
TDC2017 | São Paulo - Trilha Containers How we figured out we had a SRE team ...
tdc-globalcode
 
Introdução ao Habitat
Introdução ao HabitatIntrodução ao Habitat
Introdução ao Habitat
Igor Abade
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013
Jackson F. de A. Mafra
 
Apresentação de Lançamento do RAD Studio XE7
Apresentação de Lançamento do RAD Studio XE7Apresentação de Lançamento do RAD Studio XE7
Apresentação de Lançamento do RAD Studio XE7
Fernando Rizzato
 
Deploy automatizado de Aplicações no Jelastic
Deploy automatizado de Aplicações no JelasticDeploy automatizado de Aplicações no Jelastic
Deploy automatizado de Aplicações no Jelastic
Ivan Rosolen
 
Latinoware 2019 - DEsenvolvimento mobile em Nivel jedi
Latinoware 2019 - DEsenvolvimento mobile em Nivel jediLatinoware 2019 - DEsenvolvimento mobile em Nivel jedi
Latinoware 2019 - DEsenvolvimento mobile em Nivel jedi
Alessandro Binhara
 
Utilização de DevOps
Utilização de DevOpsUtilização de DevOps
Utilização de DevOps
Caio Candido
 
Programação Android Phonegap 1
Programação Android Phonegap 1Programação Android Phonegap 1
Programação Android Phonegap 1
Adilmar Dantas
 

Semelhante a Mini curso - Ionic Framework (20)

Desenvolvimento de aplicativo utilizando o framework ionic
Desenvolvimento de aplicativo utilizando o framework ionicDesenvolvimento de aplicativo utilizando o framework ionic
Desenvolvimento de aplicativo utilizando o framework ionic
 
Do código ao Sucesso com Source-To-Image
Do código ao Sucesso com Source-To-ImageDo código ao Sucesso com Source-To-Image
Do código ao Sucesso com Source-To-Image
 
IBM Mobile Platform: Desenvolvimento de Aplicações Mobile
IBM Mobile Platform: Desenvolvimento de Aplicações MobileIBM Mobile Platform: Desenvolvimento de Aplicações Mobile
IBM Mobile Platform: Desenvolvimento de Aplicações Mobile
 
ASP.NET vNext no .NET Architects Days 2014
ASP.NET vNext no .NET Architects Days 2014ASP.NET vNext no .NET Architects Days 2014
ASP.NET vNext no .NET Architects Days 2014
 
la 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gapla 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gap
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
Android
AndroidAndroid
Android
 
Workshop de Firefox OS
Workshop de Firefox OSWorkshop de Firefox OS
Workshop de Firefox OS
 
Internet das coisas - A revolução já começou
Internet das coisas - A revolução já começouInternet das coisas - A revolução já começou
Internet das coisas - A revolução já começou
 
Desenvolvedor mobile precisa aprender Web
Desenvolvedor mobile precisa aprender Web Desenvolvedor mobile precisa aprender Web
Desenvolvedor mobile precisa aprender Web
 
Desenvolvimento de Aplicações para Android em C# com o MonoDroid
Desenvolvimento de Aplicações para Android em C# com o MonoDroidDesenvolvimento de Aplicações para Android em C# com o MonoDroid
Desenvolvimento de Aplicações para Android em C# com o MonoDroid
 
Ionic framework V2/3 {Aplicações móveis híbridas}
Ionic framework V2/3 {Aplicações móveis híbridas} Ionic framework V2/3 {Aplicações móveis híbridas}
Ionic framework V2/3 {Aplicações móveis híbridas}
 
TDC2017 | São Paulo - Trilha Containers How we figured out we had a SRE team ...
TDC2017 | São Paulo - Trilha Containers How we figured out we had a SRE team ...TDC2017 | São Paulo - Trilha Containers How we figured out we had a SRE team ...
TDC2017 | São Paulo - Trilha Containers How we figured out we had a SRE team ...
 
Introdução ao Habitat
Introdução ao HabitatIntrodução ao Habitat
Introdução ao Habitat
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013
 
Apresentação de Lançamento do RAD Studio XE7
Apresentação de Lançamento do RAD Studio XE7Apresentação de Lançamento do RAD Studio XE7
Apresentação de Lançamento do RAD Studio XE7
 
Deploy automatizado de Aplicações no Jelastic
Deploy automatizado de Aplicações no JelasticDeploy automatizado de Aplicações no Jelastic
Deploy automatizado de Aplicações no Jelastic
 
Latinoware 2019 - DEsenvolvimento mobile em Nivel jedi
Latinoware 2019 - DEsenvolvimento mobile em Nivel jediLatinoware 2019 - DEsenvolvimento mobile em Nivel jedi
Latinoware 2019 - DEsenvolvimento mobile em Nivel jedi
 
Utilização de DevOps
Utilização de DevOpsUtilização de DevOps
Utilização de DevOps
 
Programação Android Phonegap 1
Programação Android Phonegap 1Programação Android Phonegap 1
Programação Android Phonegap 1
 

Último

Oceano, Fonte de Vida e Beleza Maria Inês Aroeira Braga.ppsx
Oceano, Fonte de Vida e Beleza Maria Inês Aroeira Braga.ppsxOceano, Fonte de Vida e Beleza Maria Inês Aroeira Braga.ppsx
Oceano, Fonte de Vida e Beleza Maria Inês Aroeira Braga.ppsx
Luzia Gabriele
 
Licao de adultos Topico 1 CPAD edit.pptx
Licao de adultos Topico 1 CPAD edit.pptxLicao de adultos Topico 1 CPAD edit.pptx
Licao de adultos Topico 1 CPAD edit.pptx
jetroescola
 
Slides Lição 3, CPAD, Rute e Noemi, Entrelaçadas pelo Amor.pptx
Slides Lição 3, CPAD, Rute e Noemi, Entrelaçadas pelo Amor.pptxSlides Lição 3, CPAD, Rute e Noemi, Entrelaçadas pelo Amor.pptx
Slides Lição 3, CPAD, Rute e Noemi, Entrelaçadas pelo Amor.pptx
LuizHenriquedeAlmeid6
 
Caça-palavras - multiplicação
Caça-palavras  -  multiplicaçãoCaça-palavras  -  multiplicação
Caça-palavras - multiplicação
Mary Alvarenga
 
Caça-palavras e cruzadinha - Encontros consonantais.
Caça-palavras e cruzadinha -  Encontros consonantais.Caça-palavras e cruzadinha -  Encontros consonantais.
Caça-palavras e cruzadinha - Encontros consonantais.
Mary Alvarenga
 
oficia de construção de recursos para aluno DI.pdf
oficia de construção de recursos para aluno DI.pdfoficia de construção de recursos para aluno DI.pdf
oficia de construção de recursos para aluno DI.pdf
marcos oliveira
 
Relatório de Atividades 2019 CENSIPAM.pdf
Relatório de Atividades 2019 CENSIPAM.pdfRelatório de Atividades 2019 CENSIPAM.pdf
Relatório de Atividades 2019 CENSIPAM.pdf
Falcão Brasil
 
Caderno_de_referencias_Ocupacaohumana_IV_FlaviaCoelho_compressed.pdf
Caderno_de_referencias_Ocupacaohumana_IV_FlaviaCoelho_compressed.pdfCaderno_de_referencias_Ocupacaohumana_IV_FlaviaCoelho_compressed.pdf
Caderno_de_referencias_Ocupacaohumana_IV_FlaviaCoelho_compressed.pdf
shirleisousa9166
 
Slide para aplicação da AVAL. FLUÊNCIA.pptx
Slide para aplicação  da AVAL. FLUÊNCIA.pptxSlide para aplicação  da AVAL. FLUÊNCIA.pptx
Slide para aplicação da AVAL. FLUÊNCIA.pptx
LeilaVilasboas
 
História das ideias pedagógicas no Brasil - Demerval Saviani.pdf
História das ideias pedagógicas no Brasil - Demerval Saviani.pdfHistória das ideias pedagógicas no Brasil - Demerval Saviani.pdf
História das ideias pedagógicas no Brasil - Demerval Saviani.pdf
LeideLauraCenturionL
 
Desafio matemático - multiplicação e divisão.
Desafio matemático -  multiplicação e divisão.Desafio matemático -  multiplicação e divisão.
Desafio matemático - multiplicação e divisão.
Mary Alvarenga
 
Relatório de Atividades 2021/2022 CENSIPAM.pdf
Relatório de Atividades 2021/2022 CENSIPAM.pdfRelatório de Atividades 2021/2022 CENSIPAM.pdf
Relatório de Atividades 2021/2022 CENSIPAM.pdf
Falcão Brasil
 
apresentação metodologia terapia ocupacional
apresentação metodologia terapia ocupacionalapresentação metodologia terapia ocupacional
apresentação metodologia terapia ocupacional
shirleisousa9166
 
FILMES DE ABRIL_BECRE D. CARLOS I_2023_24
FILMES DE ABRIL_BECRE D. CARLOS I_2023_24FILMES DE ABRIL_BECRE D. CARLOS I_2023_24
FILMES DE ABRIL_BECRE D. CARLOS I_2023_24
Sandra Pratas
 
Apostila em LIBRAS - Curso Básico ENAP 2019.pdf
Apostila em LIBRAS - Curso Básico ENAP 2019.pdfApostila em LIBRAS - Curso Básico ENAP 2019.pdf
Apostila em LIBRAS - Curso Básico ENAP 2019.pdf
pattyhsilva271204
 
Noite Alva! José Ernesto Ferraresso.ppsx
Noite Alva! José Ernesto Ferraresso.ppsxNoite Alva! José Ernesto Ferraresso.ppsx
Noite Alva! José Ernesto Ferraresso.ppsx
Luzia Gabriele
 
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
Sandra Pratas
 

Último (20)

FOTOS_AS CIÊNCIAS EM AÇÃO .
FOTOS_AS CIÊNCIAS EM AÇÃO                .FOTOS_AS CIÊNCIAS EM AÇÃO                .
FOTOS_AS CIÊNCIAS EM AÇÃO .
 
Oceano, Fonte de Vida e Beleza Maria Inês Aroeira Braga.ppsx
Oceano, Fonte de Vida e Beleza Maria Inês Aroeira Braga.ppsxOceano, Fonte de Vida e Beleza Maria Inês Aroeira Braga.ppsx
Oceano, Fonte de Vida e Beleza Maria Inês Aroeira Braga.ppsx
 
Licao de adultos Topico 1 CPAD edit.pptx
Licao de adultos Topico 1 CPAD edit.pptxLicao de adultos Topico 1 CPAD edit.pptx
Licao de adultos Topico 1 CPAD edit.pptx
 
Slides Lição 3, CPAD, Rute e Noemi, Entrelaçadas pelo Amor.pptx
Slides Lição 3, CPAD, Rute e Noemi, Entrelaçadas pelo Amor.pptxSlides Lição 3, CPAD, Rute e Noemi, Entrelaçadas pelo Amor.pptx
Slides Lição 3, CPAD, Rute e Noemi, Entrelaçadas pelo Amor.pptx
 
Caça-palavras - multiplicação
Caça-palavras  -  multiplicaçãoCaça-palavras  -  multiplicação
Caça-palavras - multiplicação
 
Caça-palavras e cruzadinha - Encontros consonantais.
Caça-palavras e cruzadinha -  Encontros consonantais.Caça-palavras e cruzadinha -  Encontros consonantais.
Caça-palavras e cruzadinha - Encontros consonantais.
 
oficia de construção de recursos para aluno DI.pdf
oficia de construção de recursos para aluno DI.pdfoficia de construção de recursos para aluno DI.pdf
oficia de construção de recursos para aluno DI.pdf
 
RECORDANDO BONS MOMENTOS! _
RECORDANDO BONS MOMENTOS!               _RECORDANDO BONS MOMENTOS!               _
RECORDANDO BONS MOMENTOS! _
 
Relatório de Atividades 2019 CENSIPAM.pdf
Relatório de Atividades 2019 CENSIPAM.pdfRelatório de Atividades 2019 CENSIPAM.pdf
Relatório de Atividades 2019 CENSIPAM.pdf
 
Caderno_de_referencias_Ocupacaohumana_IV_FlaviaCoelho_compressed.pdf
Caderno_de_referencias_Ocupacaohumana_IV_FlaviaCoelho_compressed.pdfCaderno_de_referencias_Ocupacaohumana_IV_FlaviaCoelho_compressed.pdf
Caderno_de_referencias_Ocupacaohumana_IV_FlaviaCoelho_compressed.pdf
 
Slide para aplicação da AVAL. FLUÊNCIA.pptx
Slide para aplicação  da AVAL. FLUÊNCIA.pptxSlide para aplicação  da AVAL. FLUÊNCIA.pptx
Slide para aplicação da AVAL. FLUÊNCIA.pptx
 
História das ideias pedagógicas no Brasil - Demerval Saviani.pdf
História das ideias pedagógicas no Brasil - Demerval Saviani.pdfHistória das ideias pedagógicas no Brasil - Demerval Saviani.pdf
História das ideias pedagógicas no Brasil - Demerval Saviani.pdf
 
Desafio matemático - multiplicação e divisão.
Desafio matemático -  multiplicação e divisão.Desafio matemático -  multiplicação e divisão.
Desafio matemático - multiplicação e divisão.
 
Relatório de Atividades 2021/2022 CENSIPAM.pdf
Relatório de Atividades 2021/2022 CENSIPAM.pdfRelatório de Atividades 2021/2022 CENSIPAM.pdf
Relatório de Atividades 2021/2022 CENSIPAM.pdf
 
apresentação metodologia terapia ocupacional
apresentação metodologia terapia ocupacionalapresentação metodologia terapia ocupacional
apresentação metodologia terapia ocupacional
 
FILMES DE ABRIL_BECRE D. CARLOS I_2023_24
FILMES DE ABRIL_BECRE D. CARLOS I_2023_24FILMES DE ABRIL_BECRE D. CARLOS I_2023_24
FILMES DE ABRIL_BECRE D. CARLOS I_2023_24
 
Apostila em LIBRAS - Curso Básico ENAP 2019.pdf
Apostila em LIBRAS - Curso Básico ENAP 2019.pdfApostila em LIBRAS - Curso Básico ENAP 2019.pdf
Apostila em LIBRAS - Curso Básico ENAP 2019.pdf
 
Noite Alva! José Ernesto Ferraresso.ppsx
Noite Alva! José Ernesto Ferraresso.ppsxNoite Alva! José Ernesto Ferraresso.ppsx
Noite Alva! José Ernesto Ferraresso.ppsx
 
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
EBOOK_HORA DO CONTO_O MONSTRO DAS CORES_ANGELINA & MÓNICA_22_23
 
TALENTOS DA NOSSA ESCOLA .
TALENTOS DA NOSSA ESCOLA                .TALENTOS DA NOSSA ESCOLA                .
TALENTOS DA NOSSA ESCOLA .
 

Mini curso - Ionic Framework

  • 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. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE APLICATIVOS E PLATAFORMAS OBJECTIVE-C SWIFT JAVA C#
  • 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. 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. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE COMO ISSO FUNCIONA?
  • 7. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE COMO ISSO FUNCIONA? CAMERA, CONTATOS, GPS, BLUETOOTH, WIFI, ETC
  • 8. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE COMO ISSO FUNCIONA? +
  • 9. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE COMO ISSO FUNCIONA? = http://ngcordova.com/
  • 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. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - IONIC CLI
  • 12. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - IONIC LAB http://lab.ionic.io/
  • 13. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - IONIC VIEW
  • 14. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - INSTALAÇÃO C:UserUsuario> npm install -g cordova ionic
  • 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. 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. 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. SETREM - XVII FÓRUM DE INFORMÁTICA - DESENVOLVIMENTO MOBILE IONIC FRAMEWORK - ESTRUTURA DO PROJETO AQUI VAMOS CODIFICAR NOSSO APP
  • 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