Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014

84
Como fazer uma aplicação com Sencha Touch e Phonegap em 50 minutos ZAEDY SAYÃO @zaedysayao

description

HTML5 ou nativo? Nessa palestra responderemos com uma dupla dinâmica: Sencha Touch e Phonegap, capazes de prover o melhor do HTML5 com funcionalidades nativas. A palestra será hands-on e em 50 minutos faremos uma aplicação que rodará diretamente nos devices: iOS, Android, WP8 e BB10. Veremos o processo de build, as facilidades do desenvolvimento híbrido e os contras da tecnologia.

Transcript of Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014

Como fazer uma aplicação com

Sencha Touch e Phonegap em 50

minutosZAEDY SAYÃO @zaedysayao

WEB

X

WEB

MOBILE

X

MOBILE

MOBILE

2007

=

2008

APPS

2010

WEB

MOBILE

MOBILE

WEB

MOBILE

2009

PHONEGAP

PHONEGAP

PHONEGAP

PHONEGAP

PHONEGAP

NO FRAMEWORK

PHONEGAP

PHONEGAP

2010

SENCHA

1

Zaedy Dantas Sayão @zaedysayao !

@javamanrj !

@javamanrj !

@WORKS !!

http://about.me/zaedy

JQM 2010

FRONTEND

BACKEND

WEB

FRONTEND

BACKEND

WEBCSS + JS + HTML + RESOURCES

PHP | JAVA | RUBY | PYTHON | .NET

FRONTEND

BACKEND

WEBSERVER

BROWSER (CLIENT)

BROWSER

FRONTEND

BACKEND

WEB BROWSER (CLIENT)

SERVER

SOFTWARE

HARDWARE

APPS VIEW

VIEW

HARDWARE

APPS CÂMERA

BOTÃO

VIEW

HARDWARE

APPS SENCHA TOUCH

PHONEGAP

PHONEGAP

FREE

PHONEGAP

NÃO TEM COMPONENTE

VISUAL

PHONEGAP

NÃO CONVERTE EM

CÓDIGO NATIVO

PHONEGAP

NÃO SE INTEGRA COM

SERVER

PHONEGAP

PHONEGAP

GERA APLICAÇÃO NATIVA QUE

PODE ACESSAR O HARDWARE

!

PHONEGAP

PHONEGAP NÃO PARECE NATIVOX

PHONEGAP

PHONEGAP

PHONEGAP

PHONEGAP

TODAS WEBAPPS

PHONEGAP

FACEBOOK DIREITA NATIVA

ESQUERDA WEBAPP

PHONEGAP

phonegap.com/apps

PHONEGAP

PHONEGAP

IMAGINE UM APP…

PHONEGAP

ELE É POSSÍVEL!

PHONEGAP

PLUGINS

PHONEGAP

PLUGMAN

PHONEGAP

PHONEGAP

IDE?

QUALQUER UMA

PHONEGAP

DEBUG??

PHONEGAP

WEINRE

PHONEGAP

RIPPLE

PHONEGAP

IWEBINSPECTOR

PHONEGAP

PONYDEBUGGER

PHONEGAP

debug.phonegap.com

PHONEGAP

PHONEGAP DEVELOPER

APP

PHONEGAP

PHONEGAP BUILD

SENCHA TOUCH

SENCHA TOUCH

EVENTOS DE TOUCH GRÁFICOS

LISTAS BOTÕES

CONTAINERS DATAVIEWS

MEDIA CAROUSEL

ANIMAÇÕES DATA - AJAX, YQL e

JSONP TEMAS ÍCONES FORMS MENU

BARRAS MAPS

SENCHA TOUCH

MVC FREE

APPROACH OO

COMO DISTRIBUIR?

DESENVOLVE EMPACOTA SUBMETE APROVA

PHONEGAP SENCHA TOUCH

SENCHA CMD

PRE-REQs

RUBY SASS

COMPASS ANDROID SDK

XCODE PHONEGAP IOS SIM

PRE-REQs

NODEJS JAVA ANT

PATHS CONFIGURADOS

docs.phonegap.com docs.sencha.com

PRE-REQs

PRE-REQs

DÚVIDAS?

OBRIGADO!@zaedysayao

http://about.me/zaedygithub.com/javamanrj