jQuery templates

Building applications withjQuery Templates

Ritesh KothariArchitect &Lead Developer ConsultantCenters for Disease Control and Prevention

Presentation recordings: http://www.youtube.com/user/ritukothari

Slides - http://www.slideshare.net/ritukothari

Code - http://ggmug.com/content/files/jQueryTemplates.zip

Email: ritu_kothari@hotmail.com

Linked-in: http://www.linkedin.com/in/ritukothari

Agenda

• Microsoft and jQuery• Introduction to jQuery Template• Advantages of Client side template• Demo, Demo Demo!!!

Microsoft and jQuery

Official Support for jQuery ASP.NET MVC – including jQueryjQuery on the Microsoft CDNVS 2010 including jQueryContribute to library

Templates, DataLink, Globalization UI GridScript loader(JsDefer)

Background about jQuery Template

• Micro-templating• Created by Microsoft ASP.NET Team

Feedback from jQuery Core TeamHeavy community involvement

• Official jQuery PluginIs “owned” by jQuery UI team

• Currently Beta 1– 6 kb (Minified)

Wait a minute…

What about the ASP.NET AJAX Client Library? It’s now RTM quality code, Preview 6 Still an open source project Still served on the Microsoft CDN Microsoft is not actively developing new features jQuery is the way to go.

What is Templating?

Data(JSON)

Template

Templating Engine(jQuery

Template)

DOM(HTML)

Why Client Side template?

• Faster (AJAH VS AJAJ)• Interactive

Where do I download from?

jQuery.comhttp://api.jquery.com/category/plugins/templates

Github.comhttps://github.com/jquery/jquery-tmpl

ASPNETCDN.comhttp://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/

jquery.tmpl.js

NuGet.org Install-Package jQuery.Templates

Demo

Show me the code !!!!

Are there any gotchas?

SEO

${ Summary }

${ Performance }${ Architecture }${ Maintainable }

I want more!!!

• jQuery Documentation– http://api.jquery.com/category/plugins/templates

• Stephen Walther’s Blog – http://stephenwalther.com/blog/archive/

2010/11/30/an-introduction-to-jquery-templates.aspx

• Dave Wards’s Blog– http://encosia.com/jquery-templates-composite-

rendering-and-remote-loading

Presentation recordings: http://www.youtube.com/user/ritukothariSlides - http://www.slideshare.net/ritukothariCode - http://ggmug.com/content/files/jQueryTemplates.zipEmail: ritu_kothari@hotmail.comLinked-in: http://www.linkedin.com/in/ritukothari