Criando aplicações mobile híbridas com Ionic Framework

João Gabriel Lima

@jgabriel_limajoaogabriellima@huddle3.comlinkedin.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 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

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_limajoaogabriellima@huddle3.comlinkedin.com/in/joaogabriellima