CursoSencha

Touch 2:Introdução

Loiane Gronerhttp://loiane.com

O que éSencha Touch?

Primeiro framework Javascript para desenvolvimento de apps mobile ricas

usando padrões web

http://www.sencha.com/

Ext JSTouchTouch ChartsExt GWT == GXTAnimatorDesignerSencha.io

Por que usarSencha Touch?

Apps Mobile

Linguagens Mobile

Objective CJavaC++C#Java MEetc

Vai Aprender Todas?

Claro que NÃO!

Retorno para WEB

Cross PlatformJá tem Skills e conhece as ferramentasDescentralizadaFácil UpdateIndexadaTecnologias Conhecidas

Arquitura Mobile Hoje

VideoFontes Audio Gráficos

Arquitura Mobile Hoje

CSS e Layouts

Javascript

Semântica HTML

VideoFontes Audio Gráficos

Arquitura Mobile Hoje

CSS e Layouts

Javascript

Semântica HTML

VideoFontes Audio Gráficos

Sist. ArquivosDB

Cache

Processamento Paralelo

Mensagens

Arquitura Mobile Hoje

CSS e Layouts

Javascript

Semântica HTML

VideoFontes Audio Gráficos

Sist. ArquivosDB

Cache

Processamento Paralelo

Mensagens

Servidor e Serviços

HTTP

AJAX

Eventos

Sockets

SSL

E mais...

Arquitura Mobile Hoje

CSS e Layouts

Javascript

Semântica HTML

VideoFontes Audio Gráficos

Sist. ArquivosDB

Cache

Processamento Paralelo

Mensagens

Acesso Dispositivo

Câmera

GeoLocalização

Contatos

SMS

Orientação

Gyro

Servidor e Serviços

HTTP

AJAX

Eventos

Sockets

SSL

E mais...

Aplicações

WORA:Write Once

Run Anywhere

WEB

WEB

Mobile

Sencha Touch!

O que tem no Sencha Touch?

Componentes e LayoutsThemas e ÍconesOrientação e AnimaçãoEventos Touch e ScrollerPacote de DadosMVC

ComponentesLists- Nested, Grouped, SortableCarouselPickerOverlaySliderForms & fields Toolbars & buttons HTML5- Audio- Video- GeoLocation

Lists - Nested, Grouped, SortableCarouselPickerOverlaySliderForms & fieldsToolbars & buttonsHTML5 - Audio - Video - GeoLocation

Components

Forms

Scrolling

ScrollingMomentum/bounce physics

Hardware accelerated

Throughout all components: - Lists - Carousel - Pickers

Eventos Touch

Baseado em Eventos Nativos

Abstraído para Performance

Eventos Adicionais:- Tap- Double tap- Tap & hold - Swipe- Rotate- Drag & drop

Data Package

Models, Stores, e Proxies- Associations- Validation- Local & server storage

Consumir web services- JSON/P - XML- YQL

Temas

Use CSS3 & SASS - Flexible themes - Highly optimized

e.g.

Theming

$base-color: #ff6699

Use CSS3 & SASS - Flexible themes - Highly optimized

e.g.

Theming

$base-color: #ff6699

CSS3 comSass e Compass

Gráficos

Touch Charts

Sencha Touch==

WORA?

Quase!!!

Reusode

Código

json json

Views Views

Controllers

Models

Stores

Proxies

Servidor

.

.

.

Ext JS Touch

Sencha Platform

E como faço para acessar o dispositivo?

PhoneGap!Plataforma que permite que você empacote a

aplicação web e tenha acesso a API do dispositivo

http://phonegap.com

PhoneGap

http://phonegap.com

PhoneGap oferece:

Recursos Nativos

Perfeito né? :)

Calma que tem mais!

Documentação

Comunidade Show!

http://www.sencha.com/forum/

http://extjs.com.br/

Licença

Free!!!

Livros

v1/v2 v1 v1

Todas as Aulas do Curso

http://www.loiane.com/2012/03/curso-de-sencha-touch-2-gratuito

Contatocontato = {email: ‘curso@extjs4.com’,blog: ‘loiane.com’,facebook: ‘facebook.com/loianegroner’,twitter: ‘@loiane’,github: ‘loiane’,vimeo: ‘loiane’,youtube: ‘loianeg’}

Obrigada!