• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
jQuery: Write less, do more
 

jQuery: Write less, do more

on

  • 2,549 views

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

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.

Statistics

Views

Total Views
2,549
Views on SlideShare
2,512
Embed Views
37

Actions

Likes
1
Downloads
15
Comments
1

2 Embeds 37

http://www.slideshare.net 36
http://www.blogger.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • CDNPlugins: validation; table sorting

jQuery: Write less, do more jQuery: Write less, do more Presentation Transcript

  • http://netponto.org
    10ª Reunião Presencial - 15/05/2010
    jQuery: Write less, do moreHugo Santos
  • Hugo Santos
    Consultor, Agap2 Consulting
    Freelancer
    Microsoft Certified Professional Developer ASP.NET 3.5
  • Agenda
    Apresentação do jQuery
    Aplicações do jQuery?
    Vantagens
    Integração jQuery & VS2010
    Plugins
    jQuery UI
    jQueryTemplating
  • 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
  • Apresentação do jQuery
    Site oficial
    http://jquery.com
    Core
    Documentação
    Exemplos
    Plugins
    Comunidades
  • 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
  • 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
  • DEMO 1: Setup do ambiente de Desenvolvimento
    demonstração
    Código-fontedisponívelparadownload:
    http://netponto.codeplex.com/releases/view/46928
  • Integração VS2010 & jQuery
    Suporte nativo no VS2010 para jQuery
    Web forms & MVC
    Documentação
    Intellisense
    Codesnipets
  • DEMO 2: Primeirospassos…
    demonstração
    Código-fontedisponívelparadownload:
    http://netponto.codeplex.com/releases/view/46928
  • 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/
  • 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
  • jQuery UI
    Widgets
    Accordion
    Autocomplete
    Button
    Datepicker
    Dialog
    Progressbar
    Slider
  • jQuery UI
    Interacções
    Draggable
    Droppable
    Resizable
    Selectable
    Sortable
  • DEMO 3: jQuery UI
    demonstração
    Código-fontedisponívelparadownload:
    http://netponto.codeplex.com/releases/view/46928
  • 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
  • DEMO 4: jQuerytemplating
    demonstração
    Código-fontedisponívelparadownload:
    http://netponto.codeplex.com/releases/view/46928
  • Questões?
  • 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
  • Download
    Download do código-fonte das demonstraçõesdestaapresentação:
    http://netponto.codeplex.com/releases/view/46928
  • Patrocinadores desta reunião
    Paulo Morgado
  • Obrigado!
    Hugo Santos
    hugo@hugosantos.com
    http://linkedin.com/in/hfsantos
    http://twitter.com/h_fsantos