Desenvolvimento ágil com jQuery Mobile
0 gostou683 visualizações
O documento fornece uma introdução ao framework jQuery Mobile, descrevendo suas principais funcionalidades em 3 frases ou menos: jQuery Mobile é um framework para desenvolvimento de interfaces para dispositivos móveis utilizando HTML5, CSS3 e jQuery. Ele permite criar páginas responsivas através de widgets como navbars, formulários e painéis deslizantes. O framework também oferece funcionalidades avançadas como animações, navegação entre páginas e manipulação de eventos do dispositivo.
Anúncio
Mais conteúdo relacionado
Mais procurados (12)
Semelhante a Desenvolvimento ágil com jQuery Mobile (20)
![b ou strong eis a questão! HTML semântico, o santo graal do front-end =]](https://cdn.slidesharecdn.com/ss_thumbnails/b-ou-strong-eisaquesto-150306114418-conversion-gate01-thumbnail.jpg?width=560&fit=bounds)
Anúncio
Último (15)
Anúncio
Desenvolvimento ágil com jQuery Mobile
- 3. »jQueryMobile O QUE É? É um framework paradesenvolvimento web, otimizado para interação por toque, capaz de criar sistemas de interface unificados, baseados em HTML5 e CSS3 paraas principais plataformas móveis, construído sobre o jQuerye jQueryUI.
- 4. »jQueryMobile COMO EU USO ISSO? Guiadeintrodução Documentação http://view.jquerymobile.com/1.3.0/docs/intro/ http://view.jquerymobile.com/1.3.0/
- 9. »jQueryMobile E A MÁGICA ACONTECE Segunda edição do maior evento de Javascript do sul do país. Confira o sucesso da primeira edição e garanta o quanto antes a sua inscrição. RSJS 2013 Todos os direitos reservados.
- 10. »jQueryMobile EM OUTROS BREAKPOINTS Segunda edição do maior evento de Javascript do sul do país. Confira o sucesso da primeira edição e garanta o quanto antes a sua inscrição. RSJS 2013 Todos os direitos reservados.
- 11. »jQueryMobile E PARA CUSTOMIZAR? É extramamente simples adaptar ao estilo do seu projeto, com poucas linhas de css e algumas classes no HTML.
- 13. »jQueryMobile E SUA APLICAÇÃO FICA ASSIM Segunda edição do maior evento de Javascript do sul do país. Confira o sucesso da primeira edição e garanta o quanto antes a sua inscrição. Todos os direitos reservados.
- 14. »jQueryMobile WIDGETS De formasimples, práticae rápidapodemos enriquecer nossaaplicação com o uso dos Widgets. Caixasdediálogo Elementosdeformulário Navbar Transições ...
- 16. »jQueryMobile E LÁ VEM ELE... Segunda edição do maior evento de Javascript do sul do país. Confira o sucesso da primeira edição e garanta o quanto antes a sua inscrição. sobre inscrições programação Todos os direitos reservados.
- 17. »jQueryMobile WIDGETS E navegação, como funcionase eu precisar de modais, alertas ou simples links? Ah!E como eu faço amágicadas animações?
- 19. »jQueryMobile E LÁ VEM ELE... Segunda edição do maior evento de Javascript do sul do país. Confira o sucesso da primeira edição e garanta o quanto antes a sua inscrição. sobre inscrições programação Todos os direitos reservados.
- 20. »jQueryMobile WIDGETS Beleza, mas agoraeu preciso de um formulário de contato, e ai? E outra, eu gostariaque ele aparecesse diferente natela...
- 23. »jQueryMobile E DESSA VEZ O QUE TEMOS... Segunda edição do maior evento de Javascript do sul do país. Confira o sucesso da primeira edição e garanta o quanto antes a sua inscrição. sobre inscrições programação Dúvidas? Todos os direitos reservados.
- 24. »jQueryMobile WIDGETS Bacana, e agoramais algumamaneirade "esconder"o conteúdo?
- 26. »jQueryMobile SIMPLES E DIRETO... Segunda edição do maior evento de Javascript do sul do país. Confira o sucesso da primeira edição e garanta o quanto antes a sua inscrição. Todos os direitos reservados. sobre inscrições programação Dúvidas?
- 27. »jQueryMobile JAVASCRIPT E o JavaScript, onde e como agente utiliza?
- 29. »jQueryMobile CÓDIGO - JQUERY.CONFIGS.JS $(document).on("mobileinit",function(){ $.mobile.defaultPageTransition= "flip"; });
- 30. »jQueryMobile E O PADRÃO DE NAVEGAÇÃO DO SISTEMA MUDA... Segunda edição do maior evento de Javascript do sul do país. Confira o sucesso da primeira edição e garanta o quanto antes a sua inscrição. Todos os direitos reservados. sobre inscrições programação Dúvidas?
- 31. »jQueryMobile JAVASCRIPT Os eventos são outro ponto simples de trabalhar e modificar naaplicação. Touch Orientation Scroll ...
- 32. »jQueryMobile CÓDIGO - JQUERY.EVENTS.JS $(function(){ $(window).bind("orientationchange",function(e){ if(e.orientation=="portrait"){ $( "#landscape").fadeOut(500,function(){ $( "#portrait").fadeIn(300); }); } else{ $( "#portrait").fadeOut(500,function(){ $( "#landscape").fadeIn(300); }); } }) })
- 34. »jQueryMobile OLHA AGORA A APLICAÇÃO EM LANDSCAPE... Orientation Landscape Orientation Landscape Segunda edição do maior evento de Javascript do sul do país. Confira o sucesso da primeira edição e garanta o quanto antes a sua inscrição. Todos os direitos reservados. sobre inscrições programação Dúvidas?
- 35. »jQueryMobile ABRA A SUA MENTE Com amanipulação dos eventos podemos por exemplo carregar um JSONcom mais dados paraumaorientation. Ou paraum breakpointespecífico.
- 36. »jQueryMobile QUEM ESTÁ USANDO O JQM? http://m.fiat.es http://m.rolex.com/en/ http://mobile.united.com http://m.sears.com http://events.jquery.org/m/ http://www.jqmgallery.com
- 37. »jQueryMobile DÚVIDAS? SUGESTÕES OU DOAÇÕES...