Curso Sencha Touch 2 - Aula01 - Introdução ao Sencha Touch 2

Curso Sencha Touch 2: IntroduçãoLoiane Gronerhttp://loiane.com

O que éSencha Touch?

Primeiro framework Javascript paradesenvolvimento 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 MobileObjective CJavaC++C#Java MEetc

Vai Aprender Todas?

Claro que NÃO!

Retorno para WEBCross PlatformJá tem Skills e conhece as ferramentasDescentralizadaFácil UpdateIndexadaTecnologias Conhecidas

Arquitura Mobile Hoje Fontes Video Audio Gráﬁcos

Arquitura Mobile Hoje Fontes Video Audio Gráﬁcos CSS e Layouts Javascript Semântica HTML

Arquitura Mobile Hoje Fontes Video Audio Gráﬁcos CSS e Layouts Javascript Semântica HTML Sist. Arquivos Processamento DB Mensagens Paralelo Cache

Arquitura Mobile Hoje Servidor e Fontes Video Audio Gráﬁcos Serviços HTTP CSS e Layouts AJAX Javascript Eventos Semântica HTML Sockets SSL Sist. Arquivos Processamento DB Mensagens Paralelo E mais... Cache

Arquitura Mobile Hoje Acesso Servidor eDispositivo Fontes Video Audio Gráﬁcos Serviços Câmera HTTP CSS e LayoutsGeoLocalização AJAX Javascript Contatos Eventos SMS Semântica HTML SocketsOrientação SSL Sist. Arquivos Processamento DB Mensagens Gyro Paralelo E mais... Cache

Aplicações

WORA: Write OnceRun Anywhere

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, SortableCarouselPickerOverlaySlider ComponentsForms & ﬁelds Toolbars & buttons HTML5- Audio Lists- Video - Nested, Grouped, Sortable- GeoLocationCarousel Picker Overlay Slider Forms & ﬁelds Toolbars & buttons HTML5 - Audio - Video

ScrollingScrollingMomentum/bounce physics ardware accelerated hroughout all components: Lists Carousel Pickers

Eventos TouchBaseado em Eventos NativosAbstraído para PerformanceEventos Adicionais:- Tap- Double tap- Tap & hold - Swipe- Rotate- Drag & drop

Data PackageModels, Stores, e Proxies- Associations- Validation- Local & server storageConsumir web services- JSON/P- XML- YQL

Temas Theming Use CSS3 & SASS Use CSS3 & SASS - Flexible themes - Flexible themes CSS3 com - Highly optimized - Highly optimizedSass e Compass e.g. e.g. $base-color: #ff6699 $base-color:

GráﬁcosTouch Charts

Sencha Touch == WORA?

Quase!!!

Reuso deCódigo

. .Views Views . Controllers Models Stores json Proxies json Servidor

Ext JS Touch Sencha Platform

E como faço para acessar o dispositivo?

PhoneGap! PhoneGap Plataforma que permite que você empacote aaplicação web e tenha acesso a API do dispositivo http://phonegap.com 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 ree !!!F

Livrosv1/v2 v1 v1

Todas as Aulas do Cursohttp://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’ }

O brig a da!

http://www.loiane.com	3347
http://feeds2.feedburner.com	77
http://feeds.feedburner.com	3
http://translate.googleusercontent.com	3

Curso Sencha Touch 2 - Aula01 - Introdução ao Sencha Touch 2

by Loiane Groner

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 3,430

Statistics

Curso Sencha Touch 2 - Aula01 - Introdução ao Sencha Touch 2 Presentation Transcript