jQuery: Write less, do more

2.003 visualizações

Publicada em

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.

Publicada em: Tecnologia

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 />

×