jQuery Firestarter
-
Upload
chris-bannon -
Category
Technology
-
view
119 -
download
0
description
Transcript of jQuery Firestarter
• Product Manager @ComponentOne– ASP.NET AJAX Controls– ASP.NET iPhone/Mobile Controls
• Mobile Web Advocate– iPhone Dev Con Speaker
• jQuery Advocate– jQuery Conference Speaker
About Me
Hi!
• HTML/XHTML– Semantic markup– Valid markup– Microformats
• JavaScript– jQuery– Document Object Model (DOM)– Event Model
• CSS
Back to basics… !Important
• ASP.NET AJAX– Mimics server-side code– Object Model Driven– C# like syntax– Namespace driven
• AJAX Control Toolkit– No JavaScript experience needed– Built-in server-side callbacks
Client-side in ASP.NET 2.0-3.5
• jQuery– CSS Selectors– Lightweight model– Common utilities/functions– Abstracts browser-specific JavaScript
• jQuery Templating/DataBinding– Formerly AJAX 4 Templating/DataBinding– Uses HTML Templates with Binding syntax– Supports DataBinding in JavaScript
Client-side in ASP.NET 4.0
Studio for ASP.NET AJAX
{ + }
ComponentOne
$(“code”).show();
A Great One-liner Sample
function showToast(msg) { if ($("#toaster").length == 0) { $("<div id='toaster'></div>").appendTo("body"); } $("<div class='toast'><span></span></div>") .find("span") .html(msg) .end() .appendTo("#toaster") .show("slide", { direction: "down", easing: "easeOutQuad" }) .delay(4000) .hide("slide", { direction: "down", easing: "easeOutQuad" }); }
Popping Up the Toast
QUESTIONS?Any
• jQueryhttp://jquery.com/
• jQuery UIhttp://jqueryui.com/
• Studio for ASP.NET AJAXhttp://www.componentone.com/SuperProducts/StudioASPNET/
• Chinook (iTunes) Sample Databasehttp://chinookdatabase.codeplex.com/
• MS AJAX Announcementhttp://stephenwalther.com/blog/archive/2010/03/16/microsoft-jquery-and-templating.aspx
• Code from this session http://helpcentral.componentone.com/CS/blogs/webdev/archive/2010/03/23/popular-ui-volume-2-itunes.aspx
Resources