Hugo Santos apresentou o jQuery, uma biblioteca JavaScript que simplifica manipulação de documentos HTML, tratamento de eventos, animações e interações Ajax. Ele demonstrou plugins e widgets jQuery UI, além de templates para renderização de dados. A integração do jQuery no VS2010 também foi discutida.

1. http://netponto.org 10ª Reunião Presencial - 15/05/2010 jQuery: writeless, 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.” jquery.com

5. Apresentação do jQuery Site oficial http://jquery.com Core Documentação Exemplos Plugins Comunidades

6. 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

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

8. DEMO 1: Setup do ambiente de Desenvolvimento demonstração

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

10. DEMO 2: Primeirospassos… demonstração

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

12. 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

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

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

15. DEMO 3: jQuery UI demonstração

16. 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

17. DEMO 4: jQuerytemplating demonstração

18. Dúvidas?

19. 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

20. Patrocinadores desta reunião Paulo Morgado

21. Obrigado! Hugo Santos hugo@hugosantos.com linkedin.com/in/hfsantos twitter.com/h_fsantos