Pragmatic JavaScript, jQuery, RIA, SignalR and More with ASP.NET v.Next Jon Galloway Microsoft http://weblogs.asp.net/jgalloway
Tip 1: If you’re using Ajax Control Toolkit, get the newest releases
Ajax Control Toolkit Releases Date Comment 10/2/2011 Associated with Release: September 2011 Release. 10/2/2011 Changed Calendar to use UTC time 9/11/2011 Added Twitter control and sample page 9/11/2011 Fixed regression with Calendar navigation images not appearing 8/31/2011 Updated ReadMe and version info 8/31/2011 Added Gravatar control and sample page 8/31/2011 Fixed CodePlex issue 26770 concerning time zones 8/31/2011 Implemented CodePlex feature request 15487 concerning highlighting today's date 8/31/2011 Implemented feature 8109 concerning Calendar date ranges 8/11/2011 Test and Fix for TabContainer scroll position in Chrome 8/2/2011 Associated with Release: July 2011 Release. 8/2/2011 Fixed Accordion Designer Issue 8/2/2011 Fixed issue in Chinese resource file for Calendar today string 8/2/2011 Added HtmlEditorExtender and SanitizerProviders 6/15/2011 Fixed issue #26933 ToolkitScriptManager generating invalid HTML5 6/15/2011 Adding Package bat files to automate release 5/8/2011 Associated with Release: May 2011 Release.
Automated testing (QUnit)
Demo • Installing ACT with NuGet
Tip 2: Get to know jQuery 1.DOM abstraction 2.Selector engine 3.Plugin ecosystem 4.Leverage CDN’s 5.Included in Microsoft templates
JavaScript is hard… var myvar = 'my value'; (function() { alert(myvar); var myvar = 'local value'; })();
JavaScript is hard… Let’s go shopping? • No • But, JavaScript can be hard • Unnecessary custom code is a liability
Tip 3: Install and Update jQuery via NuGet • Demo jQuery Plugins, too
Tip 4: Know how to find and use jQuery plugins • NuGet • http://plugins.jquery.com • jQueryUI • Demo Datepicker
Tip 5: Use jQuery UI via Unobtrusive Wire-up • Demo unobtrusive.jquery.ui
Tip 6: Write your own jQuery plugins • Demo jQuery Snippets
Tip 7: Take advantage of Visual Studio’s JavaScript support
Tip 8: Get ready for Visual Studio 11 JavaScript features • http://bit.ly/vs11javascript • Implicit and customizable references
Tip 9: Use the Visual Studio 2010 JScript Editor Extensions http://visualstudiogallery.msdn.microsoft.com • Brace Matching • Outlining / Code Folding • Current Word Highlighting • IntelliSense Doc-Comments <para> support
Tip 10: Use ASP.NET 4 ScriptManager features
Tip 12: Use RIA/JS for WCF services
Tip 13: Use SignalR for long-polling The old way: Polling
Tip 13: Use SignalR for long-polling The new way: long-polling
Tip 14: Server-side JavaScript with iisnode and Node.js • Demo (WebMatrix)
Tip 15: Adventurous? Keep an eye on CoffeeScript
Your Feedback is Important Please fill out a session evaluation form drop it off at the conference registration desk. Thank you!

Pragmatic JavaScript (DevConnections 2011)

  • 1.
    Pragmatic JavaScript, jQuery, RIA,SignalR and More with ASP.NET v.Next Jon Galloway Microsoft http://weblogs.asp.net/jgalloway
  • 2.
    Tip 1: Ifyou’re using Ajax Control Toolkit, get the newest releases
  • 3.
    Ajax Control ToolkitReleases Date Comment 10/2/2011 Associated with Release: September 2011 Release. 10/2/2011 Changed Calendar to use UTC time 9/11/2011 Added Twitter control and sample page 9/11/2011 Fixed regression with Calendar navigation images not appearing 8/31/2011 Updated ReadMe and version info 8/31/2011 Added Gravatar control and sample page 8/31/2011 Fixed CodePlex issue 26770 concerning time zones 8/31/2011 Implemented CodePlex feature request 15487 concerning highlighting today's date 8/31/2011 Implemented feature 8109 concerning Calendar date ranges 8/11/2011 Test and Fix for TabContainer scroll position in Chrome 8/2/2011 Associated with Release: July 2011 Release. 8/2/2011 Fixed Accordion Designer Issue 8/2/2011 Fixed issue in Chinese resource file for Calendar today string 8/2/2011 Added HtmlEditorExtender and SanitizerProviders 6/15/2011 Fixed issue #26933 ToolkitScriptManager generating invalid HTML5 6/15/2011 Adding Package bat files to automate release 5/8/2011 Associated with Release: May 2011 Release.
  • 4.
  • 5.
  • 6.
    Tip 2: Getto know jQuery 1.DOM abstraction 2.Selector engine 3.Plugin ecosystem 4.Leverage CDN’s 5.Included in Microsoft templates
  • 7.
    JavaScript is hard… varmyvar = 'my value'; (function() { alert(myvar); var myvar = 'local value'; })();
  • 8.
    JavaScript is hard… Let’sgo shopping? • No • But, JavaScript can be hard • Unnecessary custom code is a liability
  • 9.
    Tip 3: Installand Update jQuery via NuGet • Demo jQuery Plugins, too
  • 10.
    Tip 4: Knowhow to find and use jQuery plugins • NuGet • http://plugins.jquery.com • jQueryUI • Demo Datepicker
  • 11.
    Tip 5: UsejQuery UI via Unobtrusive Wire-up • Demo unobtrusive.jquery.ui
  • 12.
    Tip 6: Writeyour own jQuery plugins • Demo jQuery Snippets
  • 13.
    Tip 7: Takeadvantage of Visual Studio’s JavaScript support
  • 14.
    Tip 8: Getready for Visual Studio 11 JavaScript features • http://bit.ly/vs11javascript • Implicit and customizable references
  • 15.
    Tip 9: Usethe Visual Studio 2010 JScript Editor Extensions http://visualstudiogallery.msdn.microsoft.com • Brace Matching • Outlining / Code Folding • Current Word Highlighting • IntelliSense Doc-Comments <para> support
  • 16.
    Tip 10: UseASP.NET 4 ScriptManager features
  • 17.
    Tip 12: UseRIA/JS for WCF services
  • 18.
    Tip 13: UseSignalR for long-polling The old way: Polling
  • 19.
    Tip 13: UseSignalR for long-polling The new way: long-polling
  • 20.
    Tip 14: Server-sideJavaScript with iisnode and Node.js • Demo (WebMatrix)
  • 21.
    Tip 15: Adventurous?Keep an eye on CoffeeScript
  • 22.
    Your Feedback isImportant Please fill out a session evaluation form drop it off at the conference registration desk. Thank you!

Editor's Notes

  • #3 First released in 2006 under MsPL, open for community contributionhttp://stephenwalther.com/blog/archive/2011/09/27/september-2011-release-of-the-ajax-control-toolkit.aspx
  • #7 DOM abstractionSelection enginePlugin ecosystemLeverage CDN’sIncluded in Microsoft templates
  • #8 DOM abstractionSelection enginePlugin ecosystemLeverage CDN’sIncluded in Microsoft templates
  • #9 DOM abstractionSelection enginePlugin ecosystemLeverage CDN’sIncluded in Microsoft templates
  • #11 plugins.jquery.comJqueryui.comNuGet
  • #14 Intellisense for (var i = 0; i &lt; 20000000000000000; i++) { if (i % 2) { window[&quot;foo&quot; + i] = i; } else { window[&quot;foo&quot; + i] = &quot;fooooo&quot;; } }
  • #15 http://blogs.msdn.com/b/webdevtools/archive/2011/09/15/new-javascript-editing-features-for-web-development-in-visual-studio-11-developer-preview.aspx
  • #17 jQueryWebforms
  • #19 ExplainShape sharing demohttp://chatapp.apphb.com
  • #20 ExplainShape sharing demohttp://chatapp.apphb.com