You are previewing Custom SharePoint Solutions with HTML and JavaScript: For SharePoint 2013 and SharePoint Online.
O'Reilly logo
Custom SharePoint Solutions with HTML and JavaScript: For SharePoint 2013 and SharePoint Online

Book Description

Custom SharePoint Solutions with HTML and JavaScript shows you how to build and customize SharePoint solutions to suit a wide range of business needs. You don't need a background in Microsoft technologies; you’ll learn how to rapidly build and customize sites entirely on the front end, starting with out-of-the-box features and extending them with HTML and JavaScript code.

The book starts with an introduction to working with SharePoint on the front end, and how this can help you avoid common pitfalls associated with deploying custom code on the server. You’ll start by using SharePoint’s browser-based tools to place and manipulate out-of-the-box web parts on a page. Then learn to inject some simple HTML and JavaScript to manipulate these web parts, and use JSLink to rapidly style and manipulate data in the List web part. You'll also see examples of how to build your own custom web parts using HTML, JavaScript and CSS.

For those who want to dive deeper into JavaScript on SharePoint, chapters cover working directly with built-in JavaScript methods and properties and the JavaScript object model (JSOM), and how to work with the powerful new REST API, which gives you the ultimate flexibility over what you do with your data.

Whatever your background, whether it's web development, working with SharePoint on the server side, or if you're a SharePoint user looking to learn new skills, Custom SharePoint Solutions with HTML and JavaScript will show you how to get what you want from SharePoint, quickly and reliably.

Table of Contents

  1. Cover
  2. Title
  3. Copyright
  4. Dedication
  5. Contents at a Glance
  6. Contents
  7. About the Author
  8. About the Technical Reviewer
  9. Introduction
  10. Chapter 1: Setting Up Your Environment
    1. SharePoint Online Developer Site
    2. SharePoint Designer
    3. Visual Studio Express
    4. Browsers and Developer Tools
    5. jQuery
    6. Implementing jQuery in Your SharePoint Environment Using SharePoint Designer
      1. Obtaining jQuery
      2. Team Site Template
      3. Publishing Site Template
    7. Summary
  11. Chapter 2: Introduction to SharePoint Front-End Solutions
    1. Server-Side Development vs. Front-End Development
    2. Components of Front-End Development in SharePoint
      1. JavaScript Object Model (JSOM)
      2. REST API
      3. JSLink
      4. Display Templates
    3. Summary
  12. Chapter 3: Content Editor and Script Editor Web Parts
    1. Content Editor Web Part
    2. Script Editor Web Part
    3. Putting Them Together with the REST API
      1. Demo List
      2. jQuery, AJAX, and REST API
      3. Wiring It All Up
    4. Not a One-Size-Fits-All Solution
    5. Summary
  13. Chapter 4: Building Custom Web Parts Using HTML and JavaScript
    1. The Etherson Method
      1. Document Library
      2. Folders
      3. HTML, JavaScript, and CSS
      4. Content Editor Web Part
    2. Working with List Data
    3. Rolling Changes Back with Versioning
    4. Debugging with Firebug (Developer Tools)
    5. Summary
  14. Chapter 5: Using JSLink to Style List Web Parts
    1. JSLink and a Simple Example
    2. Working with the Item Template
    3. Working with the Field Template
    4. Loading Multiple Scripts
    5. Summary
  15. Chapter 6: Content Search Web Part and Display Templates
    1. Adding Documents
    2. Result Sources
    3. Content Search Web Part
    4. Display Templates
    5. Summary
  16. Chapter 7: Working with SharePoint’s Built-in JavaScript Functions and Properties
    1. Exploring the JavaScript
    2. _spBodyOnLoadFunctions
    3. _spPageContextInfo
      1. _spPageContextInfo.siteAbsoluteUrl
      2. _spPageContextInfo.siteServerRelativeUrl
      3. _spPageContextInfo.webAbsoluteUrl
      4. _spPageContextInfo.webServerRelativeUrl
    4. ExecuteOrDelayUntilScriptLoaded
    5. SP.UI.Notify
      1. SP.UI.Notify.showLoadingNotification
      2. SP.UI.Notify.addNotification
    6. Summary
  17. Chapter 8: Working with the JavaScript Object Model
    1. Getting Set Up
    2. Working with Lists
      1. Get List Data
      2. Create a New List
      3. Delete a List
    3. Working with List Items
      1. Get List Items
      2. Limit Results with CAML Query
      3. Add List Items
      4. Delete List Items
    4. Working with Document Libraries
      1. Create a New Folder
    5. Working with Files
      1. Create a New File
      2. Read a File
      3. Delete a File
    6. Working with Sites
      1. Create a Site
      2. Delete a Site
    7. Working with Social Data
    8. Summary
  18. Chapter 9: Working with the REST API
    1. Getting Set Up
    2. Working with Lists
      1. Get List Data
      2. Create a New List
      3. Delete a List
    3. Working with List Items
      1. Get List Items
      2. Limit Results with Query Operators
      3. Add List Items
      4. Delete List Items
    4. Working with Document Libraries
      1. Create a New Folder
    5. Working with Files
      1. Create a New File
      2. Read a File
      3. Delete a File
    6. Working with Sites
      1. Delete a Site
    7. Working with Social Data
    8. Summary
  19. Index