Trilha Mobile

Loiane Gronerhttp://loiane.com

@loiane

Apps Nativas para iOS e Android com Sencha Touch 2

Sobre Loiane

•Bacharel em Ciência da Computação

•Gerente de Projetos

•Autora técnica

•Blogueira técnica

•Evangelista Java e Sencha

O que éSencha Touch?

Primeiro framework Javascript para desenvolvimento de apps mobile ricas

usando padrões web

Linguagens Mobile

Objective CJavaC++C#Java MEetc

Vai Aprender Todas?

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

Reusode

Código

json json

Views Views

Controllers

Models

Stores

Proxies

Servidor

.

.

.

Sencha.io

Acesso Nativo

Licença

Licença

Open Source!!!

IDE

Curso Gratuito

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

Testes

Siesta

Demo

https://github.com/loiane/tdc2012-sencha-touch-example

Obrigada!

http://loiane.com@loiane