Criando aplicações mobile híbridas com Ionic Framework
João Gabriel Lima
@[email protected]/in/joaogabriellima
http://github.com/jgabriellima
IT Hacker, Arquiteto de 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 SheetAdMobApp AvailabilityApp RateApp VersionBadgeBackground GeolocBattery StatusBarcode ScannerCalendarCameraCaptureGoogle AnalyticsHealthKitiBeaconImage PickerIn App BrowserInstagramGlobalization
MediaNative AudioNetworkOAuthPin DialogPreferencesPrinterProgress IndicatorPush NotificationsSMSSocial SharingSpinner DialogSplashscreenSQLiteStatusBarToastTouchIDVibrationZIP
ClipboardContactsDate PickerDeviceDevice MotionDevice OrientationDialogsEmail ComposerFacebookFileFile TransferFileOpener2FlashlightGeolocationGlobalizationKeyboardKeychainLaunch NavigatorLocal 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
Entendendo a estrutura da aplicação
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
Interessou? Fale conosco!
Consultoria em Tecnologia e Inovação
Criando aplicações mobile híbridas com Ionic Framework
João Gabriel Lima
@[email protected]/in/joaogabriellima