WCF & JQuery
Upcoming SlideShare
Loading in...5
×
 

WCF & JQuery

on

  • 4,353 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,353
Views on SlideShare
4,326
Embed Views
27

Actions

Likes
0
Downloads
63
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