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.org 10ª Reunião Presencial - 15/05/2010 jQuery: Write less, do moreHugo Santos

2. Hugo Santos Consultor, Agap2 Consulting Freelancer Microsoft Certified Professional Developer ASP.NET 3.5

3. Agenda Apresentação do jQuery Aplicações do jQuery? Vantagens Integração jQuery & VS2010 Plugins jQuery UI jQueryTemplating

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 jQuery Site oficial http://jquery.com Core Documentação Exemplos Plugins Comunidades

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. Vantagens Resolução de incompatibilidades entre os browsers Redução de código Melhor performance Reutilização de código Vasta galeria de plugins Comunidade activa Apoio Microsoft

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

10. Integração VS2010 & jQuery Suporte nativo no VS2010 para jQuery Web forms & MVC Documentação Intellisense Codesnipets

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

12. Plugins Ajax, Animação, Dados, Forms, Layout, Media, Validação, Menus, UI, etc Os 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 UI Conjunto de widgets e tools que aceleram o desenvolvimento e proporcionam uma interface fluida implementada em jQuery Themebuilder permite customizar o aspecto dos controlos …ver também o jQueryTools - http://flowplayer.org/tools/index.html

14. jQuery UI Widgets Accordion Autocomplete Button Datepicker Dialog Progressbar Slider

15. jQuery UI Interacções Draggable Droppable Resizable Selectable Sortable

16. DEMO 3: jQuery UI demonstração Código-fontedisponívelpara download: http://netponto.codeplex.com/releases/view/46928

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

18. DEMO 4: jQuerytemplating demonstração Código-fontedisponívelpara download: http://netponto.codeplex.com/releases/view/46928

19. Questões?

20. Referências jQuery Project http://www.jquery.org jQuery: Writeless, do more, Javascript Library http://www.jquery.com jQuery UI http://www.jquery.ui jQuery 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. Download Download do código-fonte das demonstraçõesdestaapresentação: http://netponto.codeplex.com/releases/view/46928

22. Patrocinadores desta reunião Paulo Morgado

23. Obrigado! Hugo Santos hugo@hugosantos.com http://linkedin.com/in/hfsantos http://twitter.com/h_fsantos