Criando aplicações mobile híbridas com
Ionic Framework
João Gabriel Lima
@jgabriel_lima
joaogabriellima@huddle3.com
linkedin.com/in/joaogabriellima
http://github.com/jgabriellima
IT Hacker, Consultor em Soluções, Instrutor
em treinamentos e Co-fundador da Huddle3.
Mestre em Computação Aplicada com
ênfase em Inteligência Artificial, Mineração de
Dados e BigData.
Ionic é um framework para desenvolvimento de aplicações para
dispositivos móveis que tem como principal objetivo o
desenvolvimento de apps híbridas e forma rápida e facilitada.
Aplicativos híbridos, como isso
funciona?
Aplicativos híbridos, como funciona?
Ok! Mas porque “híbrido”?
Como o phonegap trabalha?
phonegap.com
A Plataforma Ionic.io
@alpha
Iniciando uma aplicação Ionic
http://goo.gl/PFCGr3
ionic start <app>
ionic upload
ionic platform add android [ios]
ionic serve --lab
ionic run android [ios]
ionic resources --icon
(192 x 192)
ionic resources --splash
(2208 x 2208)
E os recursos?
Action Sheet
AdMob
App Availability
App Rate
App Version
Badge
Background Geoloc
Battery Status
Barcode Scanner
Calendar
Camera
Capture
Google Analytics
HealthKit
iBeacon
Image Picker
In App Browser
Instagram
Globalization
Media
Native Audio
Network
OAuth
Pin Dialog
Preferences
Printer
Progress Indicator
Push Notifications
SMS
Social Sharing
Spinner Dialog
Splashscreen
SQLite
StatusBar
Toast
TouchID
Vibration
ZIP
Clipboard
Contacts
Date Picker
Device
Device Motion
Device Orientation
Dialogs
Email Composer
Facebook
File
File Transfer
FileOpener2
Flashlight
Geolocation
Globalization
Keyboard
Keychain
Launch Navigator
Local Notification
Recursos
Quando devo utilizar o Ionic?
Nativo vs Híbrido
● Provas de Conceito
● MVP
● Startups
● Forte equipe web
● Experiência
● Domínio das tecnologias da OpenWeb Platform
● Distribuição imediata para diversas plataformas:
Quando não é indicado o uso?
● Fluxo intenso de dados
● Massiva manipulação de mídias
● Necessidade de recursos do dispositivo muito recentes
● Pouca experiência com as tecnologias Web
https://github.com/jgabriellima/tasafoconfapp
Ionic 2 @alpha
Nova estrutura
Mais flexibilidade
Melhor desempenho
Componentes modernos
http://ionicframework.com/docs/v2/
Então quer dizer que se eu souber apenas HTML, CSS e
Javascript, eu posso construir aplicativos para
dispositivos móveis?
Desde 2013, os carros da GM já vêm com um SDK para
desenvolvimento de aplicativos para seus veículos,
utilizando HTML5, CSS3 e JS...
Eu quero aprender,
mas quem poderá
me ajudar?
Consultoria em Tecnologia e Inovação
Treinamentos:
Curso “Full-stack mobile developer”
com Ionic Framework, Nodejs e
MongoDB
Não perca tempo!!
Em apenas 2 semanas
http://huddle3.com/cursoionic/
contato@huddle3.com
Consultoria em Tecnologia e Inovação
Criando aplicações mobile híbridas com
Ionic Framework
João Gabriel Lima
@jgabriel_lima
joaogabriellima@huddle3.com
linkedin.com/in/joaogabriellima

[Fapan] criando aplicações mobile híbridas com ionic framework