jQuery: Write less, do more

  • 2,072 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,072
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
8
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • CDNPlugins: validation; table sorting

Transcript

  • 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