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: [email protected]
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: [email protected]: http://www.linkedin.com/in/ritukothari