Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5 & Sencha Touch - Front In Maceió

645 views

Published on

HTML5 & Sencha Touch - Front In Maceió

  1. 1. Desenvolvimento HTML5 Mobile com Sencha Touch Overview about Sencha Touch, the first FrameWork JavaScript Nicholas Fazio http://NicholasFF.com 1
  2. 2. O que éSencha Touch? 2
  3. 3. Primeiro FrameWork JavaScript paradesenvolvimento de Apps Mobile - RIA, usandopadrões WEB 3
  4. 4. http://www.sencha.com/ Ext JS Touch Ext GWT == GXT Complete Animator Architect Sencha.io4
  5. 5. WHY??Sencha Touch? 5
  6. 6. Linguagens MobileObjective - CJavaC/C++ QT/QMLC#Java ME… 6
  7. 7. YAY!!Vai aprender todas?? 7
  8. 8. Claro que NÃO!!!! 8
  9. 9. Retorno para WEBCross PlatformSkills + FerramentasFácil AtualizaçãoIndexadaTUDO QUE CONHECES!! 9
  10. 10. 10
  11. 11. Arquitetura Mobile TODAY!!!
  12. 12. Arquitetura Mobile TODAY!!! 11
  13. 13. Arquitetura Mobile TODAY!!!Fontes 11
  14. 14. Arquitetura Mobile TODAY!!!Fontes Videos 11
  15. 15. Arquitetura Mobile TODAY!!!Fontes Videos Audio 11
  16. 16. Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos 11
  17. 17. Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts 11
  18. 18. Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript 11
  19. 19. Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript Semântica HTML 11
  20. 20. Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript Semântica HTMLSis.Arquivos BD Cache 11
  21. 21. Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript Semântica HTMLSis.Arquivos Processamento BD Paralelo Cache 11
  22. 22. Arquitetura Mobile TODAY!!!Fontes Videos Audio Gráficos CSS e Layouts JavaScript Semântica HTMLSis.Arquivos Processamento BD Paralelo Mensagens Cache 11
  23. 23. Arquitetura Mobile TODAY!!! Acesso Fontes Videos Audio GráficosDispositivo Câmera CSS e LayoutsGeoLocation JavaScript Contatos Semântica HTML SMSOrientação Sis.Arquivos Processamento Gyro BD Paralelo Mensagens Cache 11
  24. 24. Arquitetura Mobile TODAY!!! Acesso Fontes Videos Audio Gráficos Servidor &Dispositivo Serviço Câmera CSS e Layouts HTTPGeoLocation JavaScript AJAX Contatos Eventos Semântica HTML SMS SocketsOrientação Sis.Arquivos SSL Processamento Gyro BD Paralelo Mensagens E mais… Cache 11
  25. 25. Aplicações 12
  26. 26. WORA: Write Once Run Anywhere 13
  27. 27. WEB14
  28. 28. WEB15
  29. 29. Mobile 16
  30. 30. Sencha Touch!! 17
  31. 31. O que tem no Sencha Touch!!Componentes e LayoutsThemas e ÍconesOrientação e AnimaçãoEventos Touch e ScrollerPacotes de DadosMVC 18
  32. 32. ComponentesList-Nested, Grouped, SortableCarouselPickerOverlaySliderForms & Fields Toolbar & Buttons HTML5-Audio-Video-GeoLocation 19
  33. 33. Forms 20
  34. 34. Scrolling 21
  35. 35. Eventos TouchBaseados em eventos NativosAbstraído para PerformanceEventos Adicionais -Tap -Double Tap -Tap & Hold - Swipe -Rotate -Drag & Drop 22
  36. 36. Data PackageModels, Stores e Proxies - Associations - Validation - Local & Server StorageConsumir Web Services - JSON/P - XML -YQL 23
  37. 37. Temas CSS3 comSass e Compass 24
  38. 38. GráficosTouch Charts 25
  39. 39. Sencha Touch == WORE? 26
  40. 40. Quase!!!!! 27
  41. 41. Reuso de Código!! 28
  42. 42. 29
  43. 43. 30
  44. 44. E como faço paraacessar o dispositivo? 31
  45. 45. PhoneGapPlataforma que permite que você empacote aaplicação WEB e tenha acesso a API do dispositivohttp://phonegap.com 32
  46. 46. PhoneGap Oferece: 33
  47. 47. Recursos Nativos 34
  48. 48. Perfeito né? :D 35
  49. 49. Calma, tem mais! 36
  50. 50. Documentação 37
  51. 51. Comunidades: http://www.sencha.com/forumhttp://extjs.com.br Sencha Developers Brasil 38
  52. 52. Você é um desenvolvedor Sencha? Tá esperando o que? 39
  53. 53. Sencha Developers Brasil Comunidade para desenvolvedores Sencha! Projetos, eventos, screencast … Acesso as novas Features, API, e outras coisas mais! Site?? Já estamos em projeto! Quero muito sua participação! 40
  54. 54. Contatocontato = { email: ‘contato@nicholasff.com’, blog: ‘NicholasFF.Com’, facebook: ‘facebook.com/nicholas.fazio.3’, twitter: ‘@NicholasFazio’, github: ‘NicholasFazio’, youtube: ‘NicholasFazio’, } 41
  55. 55. Obrigado!! :D 42

×