• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
WCF & JQuery
 

WCF & JQuery

on

  • 4,301 views

Slide deck that is part of my WCF JQuery presentation.

Slide deck that is part of my WCF JQuery presentation.

Statistics

Views

Total Views
4,301
Views on SlideShare
4,274
Embed Views
27

Actions

Likes
0
Downloads
62
Comments
0

2 Embeds 27

http://www.slideshare.net 26
http://www.linkedin.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

    WCF & JQuery WCF & JQuery Presentation Transcript

    • WCF & JQuerY
      Chris Love
      Tellago Inc.
      http://ProfessionalASPNET.com
      http://Twitter.com/ChrisLove
    • Books
    • References
      Rick Strahl – Smart Dude
      http://west-wind.com
      Don Demsak (DonXML) – Wise Guy
      http://donxml.com
      John Resig – The JQuery Creator (pay homage here)
    • Touching on WCF
      All About the Messages
      Can be Rather Complicated
      Configuration
      Attributes
      Debugging
      Making Things Easier
      Astoria
      oData
    • WCF Components
      Contracts
      Data & Models
      Factories
      Endpoints
      The Attributes…
    • Jquery AJAX Features
      Very Flexible
      Global Event Handlers
      Graceful Event Handling
      All the Super Goodness Baked into JQuery!!!
    • JSON
      The Data Format
      LCD Simple (And that’s the way I like it!)
      WCF Just Handles it for Us!
      JSON2 from Crockford
      http://JSON.org
    • JqueryTemplating
      Cloning
      varnewEl = $("#ContactRowTemplate").clone() .attr("id",item.ContactId) .fadeIn("slow");
      jTemplates
      Python-Like Syntax
      MicroTemplating
      $("#tblContactListtbody").empty()
      .html($("#ContactRowTemplate")
      .parseTemplate({ contacts: response.Contacts}));
      http://ejohn.org/blog/javascript-micro-templating/
      http://www.west-wind.com/Weblog/posts/509108.aspx
    • JqueryTemplating
      <script id="ContactRowTemplate" type="text/html">
      <# for(vari=0; i < contacts.length; i++)
      {
      var contact = contacts[i];
      #>
      <tr>
      <td>
      <#=contact.FirstName#> <#=contact.LastName#>
      </td>
      <td>
      <#=contact.City#>
      </td>
      <td>
      <#=contact.State#>
      </td>
      <td><imgsrc="images/edit.gif" onclick="GetContactInfo(<#=contact.ContactId#>);" /></td>
      </tr>
      <# } #>
      </script>
    • Jquery Global AJAX Stuff
      Jquery.ajax
      .ajaxComplete()
      .ajaxError()
      .ajaxSend()
      .ajaxStart()
      .ajaxSuccess()
      $(document).ready(function() {
      ajaxLog.ajaxStart(function(evt, request, settings) {
      vardt = new Date();
      $(this).append("<br/><hr/>Starting request... " + dt.toLocaleString());
      });
      });
    • Debugging Tools
      Visual Studio
      Fiddler
      IE 8 or FireFox w/Firebug
      Learn Common Errors/Exceptions
      Use Try Catch
      Don’t Make JavaScript Typos