Your SlideShare is downloading. ×
0
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Microsoft and jQuery: A true love story - templating and other contributions
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Microsoft and jQuery: A true love story - templating and other contributions

2,674

Published on

How the Microsoft and jQuery relationship has evolved over time and how Microsoft are now contributing to the world's most popular javascript library, jQuery.

How the Microsoft and jQuery relationship has evolved over time and how Microsoft are now contributing to the world's most popular javascript library, jQuery.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,674
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
49
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  1. James Senior - Microsoft Web Evangelist@jsenior - www.jamessenior.com<br />
  2. Microsoft & jQuery: A True Love Story<br />
  3. A few months ago…<br />
  4. Once upon a time…<br />1997: Classic ASP 1, 2, 3<br />2002: ASP.NET 1.0 and WebForms<br />Ajax Control Toolkit<br />2003 to 2007: ASP.NET 1.1, 2, 3, 3.5<br />2008: Shipping jQuery & jQuery Support<br />2009: ASP.NET MVC – including jQuery<br />2009: ASP.NET Ajax Library<br />2009: jQuery Support and CDN<br />2010: ASP.NET 4 – including jQuery<br />
  5. Visual studio 2010<br />Demo-tastic<br />
  6. Back in February, it was just another day at work<br />
  7. ASP.NET Ajax Library<br />Open Source JavaScript Library<br />Cool features, including<br />Script Loader<br />Data-Linking<br />Observer class<br />Templating<br />Data Controls<br />jQuery integration<br />
  8. Perfect Match<br />jQuery<br />ASP.NET Ajax<br />Templating<br />Data-Linking<br />Script Loader<br />WCF <br />OData<br />.NET RIA<br /> Selectors<br />Plugins<br /> Animation<br />
  9. First Date<br />
  10. All good relationships…<br />Have a clear contribution model<br />Are open, transparent and collaborative<br />Are in the spirit of jQuerycommunity<br />Have specification & Proposals on jQuery Forums <br />Have prototypes as plugins in Github<br />jQuery Core<br />Cool stuff ++<br />jQuery<br />Core Team<br />ASP.NET Ajax Library<br />Cool Stuff<br />jQuery Plugins<br />Cool stuff<br />Proposal, Specification,<br />Prototype<br />
  11. jQueryTemplating<br />1stcontribution from Microsoft<br />Proposal, Spec and Prototype online<br />http://github.com/jquery/jquery-tmpl<br />
  12. The Contribution model in action…<br />
  13. What is Templating?<br />Data<br />Templating Engine<br />DOM<br />Template<br />
  14. Why client-side templates?<br />Aren’t server side templates good enough?<br />Couldn’t I do this before?<br />
  15. What is a Template?<br />vartmpl = "<li>${ dataItem }</li>";<br />
  16. What is a Template?<br /><script id=“myTemplate" type="text/html"><br /> <li>${ dataItem }</li><br /></script><br />
  17. What is a Template?<br /><script id="productsTemplate" type="text/html"><br /> <div><br /><imgsrc="Content/ProductImages/${Picture}" class="productImage" /><br /><span class="productName">${Name}</span> <br /> Price: ${formatPrice(Price)}<br /> <img data-pk="${Id}" src="Content/AddCart.png" <br /> alt="Add to Cart" class="addCart" /><br /> </div><br /></script><br />
  18. .render()<br /><script id=“myTemplate" type="text/html"><br /> <li>${ dataItem }</li><br /></script><br />$("#myTemplate")<br />.render( dataObject)<br />.appendTo("ul");<br /><ul><br /><li>foo</li><br /></ul><br />
  19. .render()<br /><script id=“myTemplate" type="text/html"><br /> <li>${ dataItem }</li><br /></script><br />$("#myTemplate")<br />.render( arrayOfDataObjects )<br />.appendTo("ul");<br /><ul><br /><li>foo_0</li><br /><li>foo_1</li><br /></ul><br />
  20. jQueryTemplating<br />Can I haz demo?<br />
  21. And then there was more…<br />
  22. jQuery Data Linking<br />Sync data and UI<br />
  23. jQuery Data Linking<br />Golden Rule - modify data using jQuery<br />
  24. Data linking<br />Demo Fest<br />
  25. Wait a minute…<br />What about the ASP.NET Ajax Library?<br />It’s now RTM quality code<br />Resides in Ajax Control Toolkit<br />(still an open source project)<br />Still served on the CDN<br />We are not actively developing new features<br />
  26. This love story is to be continued…<br />
  27. More Love: Web Camps Update<br />Free, 2 day events – Learn and Build<br />3000 people in 12 cities<br />More events being announced after the summer<br />www.webcamps.ms<br />
  28. How to find your love<br />Check out the proposals, specs and prototypes <br />Give your feedback to the community<br />Tell a friend about what you heard today<br />Get free tooling http://microsoft.com/web<br />Come along to a Web Camp www.webcamps.ms<br />Slides and demos are on my blog…<br />
  29. Contact Me<br />James SeniorMicrosoft Web Evangelist<br />@jsenior<br />james@microsoft.com<br />www.jamessenior.com<br />
  30. Thank you!<br />

×