jQuery: Write less, do more

1.994 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
1 comentário
1 gostou
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
1.994
No SlideShare
0
A partir de incorporações
0
Número de incorporações
40
Ações
Compartilhamentos
0
Downloads
20
Comentários
1
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • CDNPlugins: validation; table sorting
  • 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 />

    ×