Curso Sencha Touch 2 - Aula01 - Introdução ao Sencha Touch 2
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 9,360 views

 

Statistics

Views

Total Views
9,360
Views on SlideShare
3,168
Embed Views
6,192

Actions

Likes
2
Downloads
90
Comments
0

5 Embeds 6,192

http://www.loiane.com 6104
http://feeds2.feedburner.com 77
http://translate.googleusercontent.com 4
http://www.linkedin.com 4
http://feeds.feedburner.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 1. Curso Sencha Touch 2: IntroduçãoLoiane Gronerhttp://loiane.com
  • 2. O que éSencha Touch?
  • 3. Primeiro framework Javascript paradesenvolvimento de apps mobile ricas usando padrões web
  • 4. http://www.sencha.com/Ext JSTouchTouch ChartsExt GWT == GXTAnimatorDesignerSencha.io
  • 5. Por que usarSencha Touch?
  • 6. Apps Mobile
  • 7. Linguagens MobileObjective CJavaC++C#Java MEetc
  • 8. Vai Aprender Todas?
  • 9. Claro que NÃO!
  • 10. Retorno para WEBCross PlatformJá tem Skills e conhece as ferramentasDescentralizadaFácil UpdateIndexadaTecnologias Conhecidas
  • 11. Arquitura Mobile Hoje Fontes Video Audio Gráficos
  • 12. Arquitura Mobile Hoje Fontes Video Audio Gráficos CSS e Layouts Javascript Semântica HTML
  • 13. Arquitura Mobile Hoje Fontes Video Audio Gráficos CSS e Layouts Javascript Semântica HTML Sist. Arquivos Processamento DB Mensagens Paralelo Cache
  • 14. Arquitura Mobile Hoje Servidor e Fontes Video Audio Gráficos Serviços HTTP CSS e Layouts AJAX Javascript Eventos Semântica HTML Sockets SSL Sist. Arquivos Processamento DB Mensagens Paralelo E mais... Cache
  • 15. Arquitura Mobile Hoje Acesso Servidor eDispositivo Fontes Video Audio Gráficos 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
  • 16. Aplicações
  • 17. WORA: Write OnceRun Anywhere
  • 18. WEB
  • 19. WEB
  • 20. Mobile
  • 21. Sencha Touch!
  • 22. O que tem no Sencha Touch?Componentes e LayoutsThemas e ÍconesOrientação e AnimaçãoEventos Touch e ScrollerPacote de DadosMVC
  • 23. ComponentesLists- Nested, Grouped, SortableCarouselPickerOverlaySlider ComponentsForms & fields Toolbars & buttons HTML5- Audio Lists- Video - Nested, Grouped, Sortable- GeoLocationCarousel Picker Overlay Slider Forms & fields Toolbars & buttons HTML5 - Audio - Video
  • 24. Forms
  • 25. ScrollingScrollingMomentum/bounce physics ardware accelerated hroughout all components: Lists Carousel Pickers
  • 26. Eventos TouchBaseado em Eventos NativosAbstraído para PerformanceEventos Adicionais:- Tap- Double tap- Tap & hold - Swipe- Rotate- Drag & drop
  • 27. Data PackageModels, Stores, e Proxies- Associations- Validation- Local & server storageConsumir web services- JSON/P- XML- YQL
  • 28. 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:
  • 29. GráficosTouch Charts
  • 30. Sencha Touch == WORA?
  • 31. Quase!!!
  • 32. Reuso deCódigo
  • 33. . .Views Views . Controllers Models Stores json Proxies json Servidor
  • 34. Ext JS Touch Sencha Platform
  • 35. E como faço para acessar o dispositivo?
  • 36. PhoneGap! PhoneGap Plataforma que permite que você empacote aaplicação web e tenha acesso a API do dispositivo http://phonegap.com http://phonegap.com
  • 37. PhoneGap oferece:
  • 38. Recursos Nativos
  • 39. Perfeito né? :)
  • 40. Calma que tem mais!
  • 41. Documentação
  • 42. Comunidade Show!http://www.sencha.com/forum/ http://extjs.com.br/
  • 43. Licença ree !!!F
  • 44. Livrosv1/v2 v1 v1
  • 45. Todas as Aulas do Cursohttp://www.loiane.com/2012/03/curso-de-sencha-touch-2-gratuito
  • 46. Contatocontato = { email: ‘curso@extjs4.com’, blog: ‘loiane.com’, facebook: ‘facebook.com/loianegroner’, twitter: ‘@loiane’, github: ‘loiane’, vimeo: ‘loiane’, youtube: ‘loianeg’ }
  • 47. O brig a da!