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.

jQuery: Write less, do more

2,013 views

Published on

O jQuery é uma biblioteca de JavaScript amplamente utilizada nos projectos Web que facilita o desenvolvimento de soluções robustas e cross-platform de forma bastante mais rápida. Nesta sessão o Hugo irá mostrar o que se faz actualmente recorrendo a jQuery e que cativou as grandes organizações a utilizá-la, quais os problemas que resolve, como poderemos melhorar a experiência de utilização das nossas aplicações Web e estender as funcionalidades com suporte na vasta galeria de plugins para a biblioteca.

Published in: Technology
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks }} ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Assista a gravação em vídeo desta apresentação: http://www.vimeo.com/14162729
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

jQuery: Write less, do more

  1. 1. http://netponto.org<br />10ª Reunião Presencial - 15/05/2010<br />jQuery: Write less, do moreHugo Santos<br />
  2. 2. Hugo Santos<br />Consultor, Agap2 Consulting<br />Freelancer<br />Microsoft Certified Professional Developer ASP.NET 3.5<br />
  3. 3. Agenda<br />Apresentação do jQuery<br />Aplicações do jQuery?<br />Vantagens<br />Integração jQuery & VS2010<br />Plugins<br />jQuery UI<br />jQueryTemplating<br />
  4. 4. Apresentação do jQuery<br />“jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.”<br />http://jquery.com<br />
  5. 5. Apresentação do jQuery<br />Site oficial<br />http://jquery.com<br />Core<br />Documentação<br />Exemplos<br />Plugins<br />Comunidades<br />
  6. 6. Aplicações do jQuery?<br />As aplicações ricas com forte componente interactiva tem cativado as grandes organizações a adoptar o jQuery nas suas soluções<br />
  7. 7. Vantagens<br />Resolução de incompatibilidades entre os browsers<br />Redução de código<br />Melhor performance<br />Reutilização de código<br />Vasta galeria de plugins<br />Comunidade activa<br />Apoio Microsoft<br />
  8. 8. DEMO 1: Setup do ambiente de Desenvolvimento<br />demonstração<br />Código-fontedisponívelparadownload:<br />http://netponto.codeplex.com/releases/view/46928<br />
  9. 9. Integração VS2010 & jQuery<br />Suporte nativo no VS2010 para jQuery<br />Web forms & MVC<br />Documentação<br />Intellisense<br />Codesnipets<br />
  10. 10. DEMO 2: Primeirospassos…<br />demonstração<br />Código-fontedisponívelparadownload:<br />http://netponto.codeplex.com/releases/view/46928<br />
  11. 11. Plugins<br />Ajax, Animação, Dados, Forms, Layout, Media, Validação, Menus, UI, etc<br />Os meus preferidos:<br />Validationplugin - http://www.unwrongest.com/projects/valid8/<br />TableSorterplugin - http://www.datatables.net/<br />jQuerylightboxplugin - http://leandrovieira.com/projects/jquery/lightbox/<br />highCharts - http://www.highcharts.com/<br />
  12. 12. jQuery UI<br />Conjunto de widgets e tools que aceleram o desenvolvimento e proporcionam uma interface fluida implementada em jQuery<br />Themebuilder permite customizar o aspecto dos controlos<br />…ver também o jQueryTools - http://flowplayer.org/tools/index.html<br />
  13. 13. jQuery UI<br />Widgets<br />Accordion<br />Autocomplete<br />Button<br />Datepicker<br />Dialog<br />Progressbar<br />Slider<br />
  14. 14. jQuery UI<br />Interacções<br />Draggable<br />Droppable<br />Resizable<br />Selectable<br />Sortable<br />
  15. 15. DEMO 3: jQuery UI<br />demonstração<br />Código-fontedisponívelparadownload:<br />http://netponto.codeplex.com/releases/view/46928<br />
  16. 16. jQueryTemplating<br />Templates HTML para suportar renderização orientada a objectos Javascript na criação de aplicações “data driven”<br />“Data bind” e render do HTML no cliente<br />Separação de layout VS código js<br />Mais fácil de manter<br />
  17. 17. DEMO 4: jQuerytemplating<br />demonstração<br />Código-fontedisponívelparadownload:<br />http://netponto.codeplex.com/releases/view/46928<br />
  18. 18. Questões?<br />
  19. 19. Referências<br />jQuery Project<br />http://www.jquery.org<br />jQuery: Writeless, do more, Javascript Library<br />http://www.jquery.com<br />jQuery UI<br />http://www.jquery.ui<br />jQuery Templates and Data Linking (and Microsoft contributing to jQuery)<br />http://weblogs.asp.net/scottgu/archive/2010/05/07/jquery-templates-and-data-linking-and-microsoft-contributing-to-jquery.aspx<br />
  20. 20. Download<br />Download do código-fonte das demonstraçõesdestaapresentação:<br />http://netponto.codeplex.com/releases/view/46928<br />
  21. 21. Patrocinadores desta reunião<br />Paulo Morgado<br />
  22. 22. Obrigado!<br />Hugo Santos<br />hugo@hugosantos.com<br />http://linkedin.com/in/hfsantos<br />http://twitter.com/h_fsantos<br />

×