Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
<ul>Writing JavaScript In Your DotNetNuke ®  Site </ul><ul>Brian Dukes, Engage Software </ul>
 
<ul>Brian Dukes </ul><ul>Engage Software since 2006 Chief Software Architect in charge of Module Development Microsoft Cer...
<ul>Agenda </ul><ul>  - jQuery   - ASP.NET AJAX   - JavaScript Safety   - Including JavaScript </ul>
<ul>jQuery - included? </ul><ul>Core    - IconBar   - Skin Widgets   - Telerik ( Telerik.Web.CommonScripts.$ ) Modules  - ...
<ul>jQuery - options </ul><ul>Debug Hosted   - Google CDN     - jQuery UI     - SWFObject    - WebFont Loader     - Use a ...
<ul>jQuery - versions </ul><ul>/Resources/Shared/scripts/jquery/jquery.min.js  DNN 4.9.1 - 5.0.1   - jQuery 1.2.6 DNN 5.1....
<ul>ASP.NET AJAX </ul><ul>Guaranteed on the page starting in DNN 5.0 Use  $find  to interact with Telerik controls </ul>
<ul>JavaScript Safety - naming </ul><ul>Naming collissions   - keep exposed variable names to an absolute minimum   - don'...
<ul>JavaScript Safety </ul><ul>JSLint   - catches easy-to-miss issues   - accidental global variables   - Douglas Crockfor...
<ul>How to Include JavaScript </ul><ul>Inside <script> tag   - Duplicated for each instance of the module   - Less reusabl...
<ul>Avoid Inconsistencies and Frustration </ul><ul>jQuery </ul>
<ul>Questions? </ul><ul>Commit to DotNetNuke's Stack Exchange: http://bit.ly/dnn-se </ul>
Upcoming SlideShare
Loading in …5
×

Considerations with Writing JavaScript in your DotNetNuke site

5,227 views

Published on

Whether you want to take advantage of jQuery, ASP.NET AJAX, or just plain JavaScript, come learn the rules and guidelines for taking advantage of JavaScript within your DotNetNuke site. We'll talk through considerations for enhancing your content, skins, and modules, the best ways to include JavaScript behaviors, and some ways to avoid inconsistencies and frustration.

Published in: Technology
  • Login to see the comments

Considerations with Writing JavaScript in your DotNetNuke site

  1. 1. <ul>Writing JavaScript In Your DotNetNuke ® Site </ul><ul>Brian Dukes, Engage Software </ul>
  2. 3. <ul>Brian Dukes </ul><ul>Engage Software since 2006 Chief Software Architect in charge of Module Development Microsoft Certified Professional Developer </ul>
  3. 4. <ul>Agenda </ul><ul>  - jQuery   - ASP.NET AJAX   - JavaScript Safety   - Including JavaScript </ul>
  4. 5. <ul>jQuery - included? </ul><ul>Core   - IconBar   - Skin Widgets   - Telerik ( Telerik.Web.CommonScripts.$ ) Modules  - Console   - Dashboard   - Sitemap settings   - Blog includes its own version   - 3rd Party </ul>
  5. 6. <ul>jQuery - options </ul><ul>Debug Hosted   - Google CDN    - jQuery UI    - SWFObject    - WebFont Loader    - Use a specific version   - Microsoft CDN    -  jQuery Validation </ul>
  6. 7. <ul>jQuery - versions </ul><ul>/Resources/Shared/scripts/jquery/jquery.min.js DNN 4.9.1 - 5.0.1   - jQuery 1.2.6 DNN 5.1.0 - 5.2.3  - jQuery 1.3.2 ( closest() , live() ) DNN 5.3.0 - present   - jQuery 1.4.2 5.0.0 - API 5.2.3 - SSL (kind of) 5.4.2 - jQuery reference is earlier in the <head> </ul>
  7. 8. <ul>ASP.NET AJAX </ul><ul>Guaranteed on the page starting in DNN 5.0 Use $find to interact with Telerik controls </ul>
  8. 9. <ul>JavaScript Safety - naming </ul><ul>Naming collissions   - keep exposed variable names to an absolute minimum   - don't expose overly generic variable names    - company.module instead of module   - keep scripts in separate files, create jQuery plugins   - don't use $ for jQuery   - use module pattern </ul><ul>(function ($) {     $(function () {         // do stuff     }); }(jQuery)); </ul>
  9. 10. <ul>JavaScript Safety </ul><ul>JSLint   - catches easy-to-miss issues   - accidental global variables   - Douglas Crockford's JavaScript: The Good Parts jQuery Plugins   - http://www.learningjquery.com/2007/10/a-plugin-development-pattern   - Engage: Tell-a-Friend </ul>
  10. 11. <ul>How to Include JavaScript </ul><ul>Inside <script> tag   - Duplicated for each instance of the module   - Less reusable   - Less maintainable ClientScriptManager   - RegisterStartupScript   - RegisterClientScript   - Script Ordering... Widgets   - http://www.kalyani.com/tag/widgets/ Telerik OnClient... </ul>
  11. 12. <ul>Avoid Inconsistencies and Frustration </ul><ul>jQuery </ul>
  12. 13. <ul>Questions? </ul><ul>Commit to DotNetNuke's Stack Exchange: http://bit.ly/dnn-se </ul>

×