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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

10,039

Published on

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
10,039
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
104
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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!

×