jQuery Mobile

1.864 visualizações

Publicada em

Palestra apresentada no 3º Ciclo de Palestras da Íparos (www.iparos.com.br), no Rio de Janeiro, uma abordagem básica sobre o mercado mobile, e uma breve apresentação do jquery mobile

Publicada em: Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.864
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
39
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

jQuery Mobile

  1. 1. jQuery mobile
  2. 2. Mobile Market
  3. 3. Antes de Iniciar... Antes de começar nosso projeto de desenvolvimento mobile, precisamos levar em consideração 3 itens bem importantes:
  4. 4. Quais as Plataformas e Browsers (navegadores) mais populares?
  5. 5. <ul><li>Android
  6. 6. Safari
  7. 7. Firefox Mobile
  8. 8. Internet Explorer
  9. 9. Kindle
  10. 10. Opera Mobile
  11. 11. Opera Mini </li></ul>
  12. 13. Quais tem um bom suporte a scripts?
  13. 14. <ul><li>Android ( Web Kit )
  14. 15. Safari ( Web Kit )
  15. 16. Firefox Mobile ( Gecko )
  16. 17. Internet Explorer ( Trident )
  17. 18. Kindle ( Net Font )
  18. 19. Opera Mobile ( Presto )
  19. 20. Opera Mini ( Presto ) </li></ul>
  20. 21. Quais as Plataformas temos disponíveis para testes ou pelo menos simuladores?
  21. 23. Ok, e agora?!?
  22. 24. Respondidas essas perguntas, teremos uma boa noção de quais plataformas iremos desenvolver nossa aplicação.
  23. 26. Temos então agora que decidir com qual ferramentas iremos trabalhar, pois, apesar de ser simples ter um estilo para plataformas mobile...
  24. 27. … se não utilizarmos a ferramenta correta, poderemos deixar de dar suporte a alguns recursos interessantes da plataforma.
  25. 28. Alguns frameworks para desenvolvimento mobile web Alguns frameworks para desenvolvimento mobile web Sencha Touch jQMobile jQuery Mobile Open Mobile
  26. 29. Quem conhece o jQuery?
  27. 30. jQuery O JQuery pode ser definido simplesmente como uma biblioteca Javascript open-source desenvolvida por John Resig em 2005. A biblioteca JQuery foi desenvolvida por John Resig, em 2005, lançada oficialmente em 2006, e hoje conta com uma enorme equipe de desenvolvimento espalhada no mundo todo.
  28. 31. Porque usar o jQuery A lista de motivos para esta pergunta cada dia cresce mais, vou citar apenas alguns deles. * A funções do Core são cross-browser; * Executar funções complexas sem a necessidade de codigos complexos (“Write less, do more”); * Infinidade de plugins para qualquer necessidade do site, tais como: galeria de fotos, validações de formulários, data tables, animação, menus, manipulação de CSS entre outras;
  29. 32. * Funções de AJAX super simples; * Documentação clara e objetiva; * Grande equipe de desenvolvimento, corrigindo possíveis bugs, e aprimorando a biblioteca constantemente
  30. 33. Quem usa O jQuery está presente em grandes empresas da web, como: Google Dell Digg Bank of America Mozilla Wordpress Drupal entre outros grandes do mercado.
  31. 34. JQUery Mobile
  32. 35. Overview O jQuery Mobile é uma platafoma cross-browser para desenvolvimento de aplicativos mobile, que combina toda a performance do jQuery mais os fantásticos recusos do jQuery UI, para acelerar o desenvolvimento de aplicativos voltados a plataforma Mobile Touch.
  33. 36. Suporte Apesar do seu pouco tempo de vida (foi anunciado oficialmente no dia 11 de agosto de 2010), ele oferece um amplo suporte as plataformas mobile do mercado, tornando-se uma ótima escolha.
  34. 37. Recursos O objetivo do projeto é fornecer ferramentas para construir interfaces de toque dinâmico de simples desenvolvimento. O sistema inclui todos os recursos comuns entre dispositivos mobile, como: listas, painéis de detalhes, sobreposições, etc... e um rico conjunto de controles de formulários e widgets UI, como: transições, slides, tabs.
  35. 38. Personalização Outro ponto forte no jQuery Mobile é a facilidade para personalização do framework, voltando toda a parte do layout para a identidade visual do seu projeto.
  36. 39. Perguntas
  37. 40. Contatos http://meadiciona.com.br/jeffsouza j [email_address] @jeffersonsouza

×