jQuery: Write less, do more

http://netponto.org10ª Reunião Presencial - 15/05/2010jQuery: writeless, do moreHugo Santos

Hugo SantosConsultor, Agap2 ConsultingFreelancerMicrosoft Certified Professional Developer ASP.NET 3.5

AgendaApresentação do jQueryAplicações do jQuery?VantagensIntegração jQuery & VS2010PluginsjQuery UIjQueryTemplating

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

Apresentação do jQuerySite oficialhttp://jquery.comCoreDocumentaçãoExemplosPluginsComunidades

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

VantagensResolução de incompatibilidades entre os browsersRedução de códigoMelhor performanceReutilização de códigoVasta galeria de pluginsComunidade activaApoio Microsoft

DEMO 1: Setup do ambiente de Desenvolvimentodemonstração

Integração VS2010 & jQuerySuporte nativo no VS2010 para jQueryWeb forms & MVCDocumentaçãoIntellisenseCodesnipets

DEMO 2: Primeirospassos…demonstração

PluginsAjax, Animação, Dados, Forms, Layout, Media, Validação, Menus, UI, etcOs 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 UIConjunto de widgets e tools que aceleram o desenvolvimento e proporcionam uma interface fluida implementada em jQueryThemebuilder permite customizar o aspecto dos controlos…ver também o jQueryTools - http://flowplayer.org/tools/index.html

jQuery UIWidgetsAccordionAutocompleteButtonDatepickerDialogProgressbarSlider

jQuery UIInteracçõesDraggableDroppableResizableSelectableSortable

DEMO 3: jQuery UIdemonstração

jQueryTemplatingTemplates HTML para suportar renderização orientada a objectos Javascript na criação de aplicações “data driven”“Data bind” e render do HTML no clienteSeparação de layout VS código jsMais fácil de manter

DEMO 4: jQuerytemplatingdemonstração

ReferênciasjQuery Projecthttp://www.jquery.orgjQuery: Writeless, do more, Javascript Libraryhttp://www.jquery.comjQuery UIhttp://www.jquery.uijQuery 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

Patrocinadores desta reuniãoPaulo Morgado

Obrigado!Hugo Santoshugo@hugosantos.comlinkedin.com/in/hfsantostwitter.com/h_fsantos

jQuery: Write less, do more

Mais conteúdo relacionado

Mais procurados (20)

Destaque (9)

Semelhante a jQuery: Write less, do more (20)

Último (19)

jQuery: Write less, do more

Notas do Editor