• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Microsoft and jQuery: A true love story - templating and other contributions
 

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

on

  • 3,334 views

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.

Statistics

Views

Total Views
3,334
Views on SlideShare
2,774
Embed Views
560

Actions

Likes
1
Downloads
48
Comments
0

6 Embeds 560

http://www.jamessenior.com 450
http://www.slideshare.net 83
http://jamessenior.web701.discountasp.net 17
http://jamessenior.com 7
http://feeds.feedburner.com 2
http://translate.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

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