APLICATIVOS HÍBRIDOS:

"ESCREVA UMA VEZ,

RODE EM TODOS OS LUGARES"

Wennder Santos

http://wenndersantos.net

@wenndersantos

Wennder DOS santos

https://bit.ly/lambda3democracia​

"This year, we all have an extra day to spend doing whatever we want. So, why not take 15min to learn to build an iOS, Android and Windows app all at once?"

DESENVOLVIMENTO MOBILE

N​ativo, Web App e Híbrido.

NATIVO​

LAYOUT NATIVO

P​ERFORMANCE

T​OTAL ACESSO AO DISPOSITIVO

TE​M LOJA

CARO

N​ÃO É MULTIPLATAFORMA

WEB APP

MAIS BARATO QUE O NATIVO

LAYOUT ÚNICO

PERFORMANCE DE UM SITE

HTML, CSS E JAVA SCRIPT

UPDATE INSTÂNTANEO

NÃO TEM LOJA

ACESSO RESTRITO AO DISPOSITIVO

HÍBRIDO

MAIS BARATO QUE O NATIVO

PERFORMANCE DEPENDE DO CÓDIGO

HTML, CSS E JS

MULTIPLATAFORMA

TEM LOJA

<!DOCTYPE html>
<html>
<head></head>
<body>

<h1>Olá mundo!</h1>

</body>
</html>

ANATOMIA DE UM APP HÍBRIDO

WEB VIEW

UMA VIEW QUE EXIBE PÁGINAS WEB

IOS E ANDROID 4.3 - BASEADO NO WEBKIT

ANDROID 4.4 + BASEADO NO CHROMIUM

WINDOWS PHONE == IE

ANDROID 5.0 (Lollipop) WEB VIEW É UM APP

APACHE CORDOVA

FRAMEWORK OPEN SOURCE

DESENVOLVIMENTO HÍBRIDO

ACESSO AO DEVICE ATRAVÉS DE PLUGINS JS

APACHE SOFTWARE FOUNDATION

"WRITE ONCE, RUN EVERYWHERE"

RELAÇÃO CORDOVA / PHONEGAP

2008, NITOBI SOFTWARE APRESENTOU O PHONEGAP

SUPORTE ANDROID, IOS, BB4

2009 ... 2011 SUPORTE SYMBIAN, WEBOS E WP7

RELAÇÃO CORDOVA / PHONEGAP

2011, ADOBE COMPRA A NITOBI

PHONEGAP É DOADO PARA A APACHE SOFTWARE FOUNDATION

APACHE CALLBACK ... APACHE CORDOVA

UM HÍBRIDO MAIS PRÓXIMO DO NATIVO

O QUE PRECISO PARA COMEÇAR A DESENVOLVER UM APP HÍBRIDO?

VOCÊ PRECISA DE UM EDITOR DE TEXTO / CÓDIGO,

CORDOVA E

AMBIENTE PARA CADA PLATAFORMA QUE PRETENDE DESENVOLVER

EDITORES DE TEXTO / CÓDIGO

PODE SER UM SIMPLES BLOCO DE NOTAS...

OU ALGUM QUE TE DÊ MAIS PRODUTIVIDADE

SUBLIME TEXT

VS CODE

INSTALAR O CORDOVA

NPM INSTALL -G CORDOVA

CONFIGURAR O AMBIENTE DE CADA PLATAFORMA

CONFIGURAR AMBIENTE É MUITO CHATO!

SDK'S, VARIAVEIS DE AMBIENTE...

SÓ DE PENSAR NISSO JÁ DA UMA TRISTEZA =/

TACO

(Tools For Apache Cordova)

ONDE O VISUAL STUDIO ENTRA NESSA HISTÓRIA?

Já que estamos em evento da comunidade .Net ...

VS TOOLS FOR APACHE CORDOVA

EXTENSÃO PARA O VS 2013 UPDATE 4

AMBIENTE CONFIGURADO AUTOMÁTICAMENTE

IOS, ANDROID E WP

VISUAL STUDIO 2015

DEMO:

ACESSANDO A API DE CÂMERA

PERGUNTAS?

Wennder Santos

http://wenndersantos.net

wennder.santos@outlook.com

Made with Slides.com