Curso Sencha Touch 2 - Aula01 - Introdu§£o ao Sencha Touch 2

  • View
    9.510

  • Download
    1

Embed Size (px)

DESCRIPTION

 

Text of Curso Sencha Touch 2 - Aula01 - Introdu§£o ao Sencha Touch 2

  • 1. Curso Sencha Touch 2: IntroduoLoiane Gronerhttp://loiane.com
  • 2. O que Sencha Touch?
  • 3. Primeiro framework Javascript paradesenvolvimento de apps mobile ricas usando padres 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 NO!
  • 10. Retorno para WEBCross PlatformJ tem Skills e conhece as ferramentasDescentralizadaFcil UpdateIndexadaTecnologias Conhecidas
  • 11. Arquitura Mobile Hoje Fontes Video Audio Grcos
  • 12. Arquitura Mobile Hoje Fontes Video Audio Grcos CSS e Layouts Javascript Semntica HTML
  • 13. Arquitura Mobile Hoje Fontes Video Audio Grcos CSS e Layouts Javascript Semntica HTML Sist. Arquivos Processamento DB Mensagens Paralelo Cache
  • 14. Arquitura Mobile Hoje Servidor e Fontes Video Audio Grcos Servios HTTP CSS e Layouts AJAX Javascript Eventos Semntica HTML Sockets SSL Sist. Arquivos Processamento DB Mensagens Paralelo E mais... Cache
  • 15. Arquitura Mobile Hoje Acesso Servidor eDispositivo Fontes Video Audio Grcos Servios Cmera HTTP CSS e LayoutsGeoLocalizao AJAX Javascript Contatos Eventos SMS Semntica HTML SocketsOrientao SSL Sist. Arquivos Processamento DB Mensagens Gyro Paralelo E mais... Cache
  • 16. Aplicaes
  • 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 conesOrientao e AnimaoEventos Touch e ScrollerPacote de DadosMVC
  • 23. 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
  • 24. Forms
  • 25. ScrollingScrollingMomentum/bounce physics ardware accelerated hroughout all components: Lists Carousel Pickers
  • 26. Eventos TouchBaseado em Eventos NativosAbstrado 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. GrcosTouch Charts
  • 30. Sencha Touch == WORA?
  • 31. Quase!!!
  • 32. Reuso deCdigo
  • 33. . .Views Views . Controllers Models Stores json Proxies json Servidor
  • 34. Ext JS Touch Sencha Platform
  • 35. E como fao para acessar o dispositivo?
  • 36. PhoneGap! PhoneGap Plataforma que permite que voc empacote aaplicao web e tenha acesso a API do dispositivo http://phonegap.com http://phonegap.com
  • 37. PhoneGap oferece: