JavaScript and jQuery for SharePoint Developers

JavaScript and jQuery for
SharePoint Developers
Rob Windsor
[e-mail]
@robwindsor

About Me
•Senior SharePoint Architect with Portal Solutions
•Technical Contributor to the Pluralsight On-Demand Library
•Microsoft MVP, MCPD, MCT
•Founder and Past-President of the North Toronto .NET UG
•Co-author of Prof. Visual Basic 2012 and .NET 4.5 (Wrox)

Deploying JavaScript Files
•Content Delivery Network (CDN)
Works with all project types
•Under Layouts folder
Farm Solutions
•Virtual File System
Virtual folder or document library
Sandbox Solutions or Apps

Referencing JavaScript Files
•During page load:
<script> tag
ScriptLink control
•On demand:
ExecuteOrDelayUntilScriptLoaded
jQuery.getScript
•Feature activation:
CustomAction
Applies to entire site collection

Visual Studio Intellisense
•No Intellisense unless using <script> tag
•Visual Studio 2010
ASPX or ASCX files
Reference debug version of script using <script> tag
Wrap in #if compiler directive so ignored in compiled page/control
JavaScript files
Use script reference
/// <reference path=“<path or url to script file" />
•Visual Studio 2012 and 2013
Add _references.js file to project
Must be in Scripts folder at root of project
Add script reference
References apply across project