SlideShare uma empresa Scribd logo
1 de 9
Baixar para ler offline
Ionic
Create mobile apps with the web
technologies you love.
Integrantes
● José Carlos
● Gabriel
● David
● Ewerton
Objetivo
Ajudar no desenvolvimento de apps
híbridos e perfomáticos usando
tecnologias web como HTML, CSS e
Javascript.
Características
● Um bootstrap para apps híbridos.
● Cuida de toda aparência e interações de interface.
● Suporta uma gama de componentes nativos,
animações e design.
● Não tem intenção de ser um framework responsivo,
o foco é 100% mobile.
● Elementos de interface e layout muito semelhantes
aos que se tem nativamente nas SDK’s iOS e
Android.
● Roda em uma camada mais baixa como
UIWebView (iOS) e WebView (Android).
O que vem incluso?
WebComponents AngularJS Livereload
Icons Pack
CLI Interface
ngCordova
HTML5
CSS3
Como começar?
1. Instale o Ionic
$ npm install -g cordova ionic
2. Inicie um projeto
$ ionic start myApp tabs
3. Rode ele
$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate android
Como começar?
1. Instale o Ionic
$ npm install -g cordova ionic
2. Inicie um projeto
$ ionic start myApp tabs
3. Rode ele
$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate android
Bonus Point
$ ionic serve --lab
Para gerar e testar versões
iOS e Android lado a lado.
Prova de Conceito
https://github.com/ewertonton/ionic-test.git
Obrigado!

Mais conteúdo relacionado

Mais procurados

Google Apps Script
Google Apps ScriptGoogle Apps Script
Google Apps ScriptCIJUN
 
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 IonicFelipe Blini
 
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 PhoneGapThiago Colares
 
Criando app mobile com Google Android - Software Freedom Day 2015
Criando app mobile com Google Android - Software Freedom Day 2015 Criando app mobile com Google Android - Software Freedom Day 2015
Criando app mobile com Google Android - Software Freedom Day 2015 Lucas Aquiles
 
Extensões joomla - #jdaybr15
Extensões joomla - #jdaybr15Extensões joomla - #jdaybr15
Extensões joomla - #jdaybr15Ariadne Pinheiro
 
Dominando o Ionic Framework
Dominando o Ionic FrameworkDominando o Ionic Framework
Dominando o Ionic FrameworkJunior Abranches
 
Criando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material DesignCriando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material DesignAndre Baltieri
 
Escalabilidade iOS
Escalabilidade iOSEscalabilidade iOS
Escalabilidade iOSBruno Rocha
 
Descomplicando o Mobile com Ionic Framework
Descomplicando o Mobile com Ionic FrameworkDescomplicando o Mobile com Ionic Framework
Descomplicando o Mobile com Ionic FrameworkYan Borowski Machado
 
google maps api - v1
 google maps api - v1 google maps api - v1
google maps api - v1Lucas Aquiles
 

Mais procurados (15)

Workshop - Ionic + firebase
Workshop - Ionic + firebaseWorkshop - Ionic + firebase
Workshop - Ionic + firebase
 
GDG presentation
GDG presentationGDG presentation
GDG presentation
 
Google Apps Script
Google Apps ScriptGoogle Apps Script
Google Apps Script
 
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
 
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
 
Iniciando com angular
Iniciando com angularIniciando com angular
Iniciando com angular
 
Criando app mobile com Google Android - Software Freedom Day 2015
Criando app mobile com Google Android - Software Freedom Day 2015 Criando app mobile com Google Android - Software Freedom Day 2015
Criando app mobile com Google Android - Software Freedom Day 2015
 
Extensões joomla - #jdaybr15
Extensões joomla - #jdaybr15Extensões joomla - #jdaybr15
Extensões joomla - #jdaybr15
 
Dominando o Ionic Framework
Dominando o Ionic FrameworkDominando o Ionic Framework
Dominando o Ionic Framework
 
Criando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material DesignCriando aplicações Híbridas com AngularJs, TypeScript e Material Design
Criando aplicações Híbridas com AngularJs, TypeScript e Material Design
 
Escalabilidade iOS
Escalabilidade iOSEscalabilidade iOS
Escalabilidade iOS
 
Descomplicando o Mobile com Ionic Framework
Descomplicando o Mobile com Ionic FrameworkDescomplicando o Mobile com Ionic Framework
Descomplicando o Mobile com Ionic Framework
 
google maps api - v1
 google maps api - v1 google maps api - v1
google maps api - v1
 
Open ID Connect
Open ID Connect Open ID Connect
Open ID Connect
 
Palestra android
Palestra androidPalestra android
Palestra android
 

Semelhante a Ionic

Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Marcelo Marques Gonçalves
 
Mobile Summit Brazil: Ionic 2
Mobile Summit Brazil: Ionic 2Mobile Summit Brazil: Ionic 2
Mobile Summit Brazil: Ionic 2Loiane Groner
 
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
 
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Leonardo Melo Santos
 
Ionic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvelIonic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvelGustavo Costa
 
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesConstruindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesWilliam S. Rodriguez
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionicJoelmir Ribacki
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGapLucas Félix
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGapLucas Félix
 
Apps Híbridos e novas promessas Mobile.
Apps Híbridos e novas promessas Mobile.Apps Híbridos e novas promessas Mobile.
Apps Híbridos e novas promessas Mobile.Tiago Braga
 
Meteor - Nunca foi tão fácil desenvolver pra web e mobile
Meteor - Nunca foi tão fácil desenvolver pra web e mobileMeteor - Nunca foi tão fácil desenvolver pra web e mobile
Meteor - Nunca foi tão fácil desenvolver pra web e mobileFrederico Maia Arantes
 
la 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gapla 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gapRoberson Alves
 
Hello world hybrid apps oportunidades com ionic framework v2
Hello world hybrid apps  oportunidades com ionic framework v2Hello world hybrid apps  oportunidades com ionic framework v2
Hello world hybrid apps oportunidades com ionic framework v2Ricardo Netto - MCP, MSP
 
Palestra GU Mobile (Ionic Framework) por Leonardo Quevedo
Palestra GU Mobile (Ionic Framework) por Leonardo QuevedoPalestra GU Mobile (Ionic Framework) por Leonardo Quevedo
Palestra GU Mobile (Ionic Framework) por Leonardo QuevedoLeonardo Quevedo
 
Usando React Native & Multi Módulos para Escalar App Creditas
Usando React Native & Multi Módulos para Escalar App CreditasUsando React Native & Multi Módulos para Escalar App Creditas
Usando React Native & Multi Módulos para Escalar App CreditasJuliana Chahoud
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesRodrigo Peleias
 

Semelhante a Ionic (20)

Mobile Dev - Aplicativos
Mobile Dev - AplicativosMobile Dev - Aplicativos
Mobile Dev - Aplicativos
 
Front7 React Native
Front7 React NativeFront7 React Native
Front7 React Native
 
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
 
Mobile Summit Brazil: Ionic 2
Mobile Summit Brazil: Ionic 2Mobile Summit Brazil: Ionic 2
Mobile Summit Brazil: Ionic 2
 
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}
 
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
 
Ionic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvelIonic 2 como ferramenta para desenvolvimento móvel
Ionic 2 como ferramenta para desenvolvimento móvel
 
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesConstruindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
 
Hybrid app phonegap angular ionic
Hybrid app   phonegap angular ionicHybrid app   phonegap angular ionic
Hybrid app phonegap angular ionic
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
 
Introdução ao PhoneGap
Introdução ao PhoneGapIntrodução ao PhoneGap
Introdução ao PhoneGap
 
Ionic framework
Ionic frameworkIonic framework
Ionic framework
 
Apps Híbridos e novas promessas Mobile.
Apps Híbridos e novas promessas Mobile.Apps Híbridos e novas promessas Mobile.
Apps Híbridos e novas promessas Mobile.
 
Meteor - Nunca foi tão fácil desenvolver pra web e mobile
Meteor - Nunca foi tão fácil desenvolver pra web e mobileMeteor - Nunca foi tão fácil desenvolver pra web e mobile
Meteor - Nunca foi tão fácil desenvolver pra web e mobile
 
la 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gapla 02Aula02 introdução phone_gap
la 02Aula02 introdução phone_gap
 
Workshop frontend
Workshop   frontendWorkshop   frontend
Workshop frontend
 
Hello world hybrid apps oportunidades com ionic framework v2
Hello world hybrid apps  oportunidades com ionic framework v2Hello world hybrid apps  oportunidades com ionic framework v2
Hello world hybrid apps oportunidades com ionic framework v2
 
Palestra GU Mobile (Ionic Framework) por Leonardo Quevedo
Palestra GU Mobile (Ionic Framework) por Leonardo QuevedoPalestra GU Mobile (Ionic Framework) por Leonardo Quevedo
Palestra GU Mobile (Ionic Framework) por Leonardo Quevedo
 
Usando React Native & Multi Módulos para Escalar App Creditas
Usando React Native & Multi Módulos para Escalar App CreditasUsando React Native & Multi Módulos para Escalar App Creditas
Usando React Native & Multi Módulos para Escalar App Creditas
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
 

Ionic

  • 1. Ionic Create mobile apps with the web technologies you love.
  • 2. Integrantes ● José Carlos ● Gabriel ● David ● Ewerton
  • 3. Objetivo Ajudar no desenvolvimento de apps híbridos e perfomáticos usando tecnologias web como HTML, CSS e Javascript.
  • 4. Características ● Um bootstrap para apps híbridos. ● Cuida de toda aparência e interações de interface. ● Suporta uma gama de componentes nativos, animações e design. ● Não tem intenção de ser um framework responsivo, o foco é 100% mobile. ● Elementos de interface e layout muito semelhantes aos que se tem nativamente nas SDK’s iOS e Android. ● Roda em uma camada mais baixa como UIWebView (iOS) e WebView (Android).
  • 5. O que vem incluso? WebComponents AngularJS Livereload Icons Pack CLI Interface ngCordova HTML5 CSS3
  • 6. Como começar? 1. Instale o Ionic $ npm install -g cordova ionic 2. Inicie um projeto $ ionic start myApp tabs 3. Rode ele $ cd myApp $ ionic platform add android $ ionic build android $ ionic emulate android
  • 7. Como começar? 1. Instale o Ionic $ npm install -g cordova ionic 2. Inicie um projeto $ ionic start myApp tabs 3. Rode ele $ cd myApp $ ionic platform add android $ ionic build android $ ionic emulate android Bonus Point $ ionic serve --lab Para gerar e testar versões iOS e Android lado a lado.