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 Con...
Arquitura Mobile Hoje   Fontes   Video   Audio   Gráficos
Arquitura Mobile Hoje   Fontes   Video     Audio   Gráficos             CSS e Layouts               Javascript            S...
Arquitura Mobile Hoje   Fontes           Video     Audio     Gráficos                     CSS e Layouts                    ...
Arquitura Mobile Hoje                                                  Servidor e   Fontes           Video     Audio     G...
Arquitura Mobile Hoje  Acesso                                                        Servidor eDispositivo      Fontes    ...
Aplicações
WORA: Write OnceRun Anywhere
WEB
WEB
Mobile
Sencha Touch!
O que tem no Sencha Touch?Componentes e LayoutsThemas e ÍconesOrientação e AnimaçãoEventos Touch e ScrollerPacote de Dados...
ComponentesLists- Nested, Grouped, SortableCarouselPickerOverlaySlider             ComponentsForms & fields Toolbars & butt...
Forms
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-...
Data PackageModels, Stores, e Proxies- Associations- Validation- Local & server storageConsumir web services- JSON/P- XML-...
Temas     Theming     Use CSS3 & SASS     Use CSS3 & SASS     - Flexible themes      - Flexible themes   CSS3 com     - Hi...
GráficosTouch Charts
Sencha Touch     ==  WORA?
Quase!!!
Reuso  deCódigo
.              .Views                 Views              .        Controllers          Models          Stores             ...
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 dispos...
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...
O brig a da!
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
×

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

10,066

Published on

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

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

No notes for slide

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

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

    Clipping is a handy way to collect important slides you want to go back to later.

×