APLICATIVOS HÍBRIDOS:
"ESCREVA UMA VEZ,
RODE EM TODOS OS LUGARES"
Wennder DOS santos
- Desenvolvedor
- http://wenndersantos.net
- Jogador de fifa na Lambda3
- Microsoft MVP
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
Nativo, Web App e Híbrido.
NATIVO
LAYOUT NATIVO
PERFORMANCE
TOTAL ACESSO AO DISPOSITIVO
TEM 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?
App's híbridos: "Escreva uma vez, rode em todos os lugares"
By Wennder dos Santos
