O documento apresenta uma palestra sobre jQuery, incluindo uma introdução ao jQuery, suas aplicações e vantagens, demonstrações de integração com o Visual Studio 2010 e plugins como o jQuery UI e jQuery Templating.

1. http://netponto.org10ª Reunião Presencial - 15/05/2010jQuery: Write less, do moreHugo Santos

2. Hugo SantosConsultor, Agap2 ConsultingFreelancerMicrosoft Certified Professional Developer ASP.NET 3.5

3. AgendaApresentação do jQueryAplicações do jQuery?VantagensIntegração jQuery & VS2010PluginsjQuery UIjQueryTemplating

4. Apresentação do jQuery“jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.”http://jquery.com

5. Também disponível em vídeo...Assista!http://www.vimeo.com/14162729

6. Apresentação do jQuerySite oficialhttp://jquery.comCoreDocumentaçãoExemplosPluginsComunidades

7. Aplicações do jQuery?As aplicações ricas com forte componente interactiva tem cativado as grandes organizações a adoptar o jQuery nas suas soluções

8. VantagensResolução de incompatibilidades entre os browsersRedução de códigoMelhor performanceReutilização de códigoVasta galeria de pluginsComunidade activaApoio Microsoft

9. DEMO 1: Setup do ambiente de DesenvolvimentodemonstraçãoCódigo-fontedisponívelpara download:http://netponto.codeplex.com/releases/view/46928

10. Integração VS2010 & jQuerySuporte nativo no VS2010 para jQueryWeb forms & MVCDocumentaçãoIntellisenseCodesnipets

11. DEMO 2: Primeirospassos…demonstraçãoCódigo-fontedisponívelpara download:http://netponto.codeplex.com/releases/view/46928

12. PluginsAjax, Animação, Dados, Forms, Layout, Media, Validação, Menus, UI, etcOs meus preferidos:Validationplugin - http://www.unwrongest.com/projects/valid8/TableSorterplugin - http://www.datatables.net/jQuerylightboxplugin - http://leandrovieira.com/projects/jquery/lightbox/highCharts - http://www.highcharts.com/

13. jQuery UIConjunto de widgets e tools que aceleram o desenvolvimento e proporcionam uma interface fluida implementada em jQueryThemebuilder permite customizar o aspecto dos controlos…ver também o jQueryTools - http://flowplayer.org/tools/index.html

14. jQuery UIWidgetsAccordionAutocompleteButtonDatepickerDialogProgressbarSlider

15. jQuery UIInteracçõesDraggableDroppableResizableSelectableSortable

16. DEMO 3: jQuery UIdemonstraçãoCódigo-fontedisponívelpara download:http://netponto.codeplex.com/releases/view/46928

17. jQueryTemplatingTemplates HTML para suportar renderização orientada a objectos Javascript na criação de aplicações “data driven”“Data bind” e render do HTML no clienteSeparação de layout VS código jsMais fácil de manter

18. DEMO 4: jQuerytemplatingdemonstraçãoCódigo-fontedisponívelpara download:http://netponto.codeplex.com/releases/view/46928

19. Questões?

20. ReferênciasjQuery Projecthttp://www.jquery.orgjQuery: Writeless, do more, Javascript Libraryhttp://www.jquery.comjQuery UIhttp://www.jquery.uijQuery Templates and Data Linking (and Microsoft contributing to jQuery)http://weblogs.asp.net/scottgu/archive/2010/05/07/jquery-templates-and-data-linking-and-microsoft-contributing-to-jquery.aspx

21. DownloadDownload do código-fonte das demonstraçõesdestaapresentação:http://netponto.codeplex.com/releases/view/46928

22. Patrocinadores desta reuniãoPaulo Morgado

23. Obrigado!Hugo Santoshugo@hugosantos.comhttp://linkedin.com/in/hfsantoshttp://twitter.com/h_fsantos