jQuery: Write less, do more

2,258 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,258
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for 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: writeless, 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 />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 />
    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 />
    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 />
    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 />
    18. 18. Dúvidas?<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. Patrocinadores desta reunião<br />Paulo Morgado<br />
    21. 21. Obrigado!<br />Hugo Santos<br />hugo@hugosantos.com<br />linkedin.com/in/hfsantos<br />twitter.com/h_fsantos<br />

    ×