0345 4506120

JavaScript for SharePoint Developers

SharePoint users and developers constantly seek ways to make SharePoint both more interactive and better able to relay mission critical information. At the same time, modern web application design discourages frequent full page reloads, and encourages interfaces which leverage JavaScript and behind the scenes service calls to provide a more dynamic user experience. In this training course, students gain hands-on experience creating and deploying JavaScript enabled applications into either on-premise SharePoint servers or into Office 365.

Learning Objectives

You Will Learn How To:

  • Evaluate JavaScript options for SharePoint
  • Write and deploy SharePoint friendly JavaScript 
  • Use JavaScript to access SharePoint information via its REST services 
  • Code SharePoint Add-Ins using Visual Studio
  • Create SharePoint Framework (SPFx) web parts
  • Embed JQueryUI, Angular, and React in SPFx web parts 
  • Test and deploy SharePoint JavaScript customizations  

Pre-Requisites

Requirements

  • Experience using Microsoft SharePoint
  • A basic knowledge of JavaScript
  • General web development experience

Software

  • This course applies to both cloud based (Office 365) and on-premise SharePoint 2016 installs

Course Content

Course Outline

Introduction and Overview

  • Motivation behind increased JavaScript usage in SharePoint sites
  • Evaluate JavaScript inclusion options for SharePoint
  • Review basic JavaScript syntax and usage
  • Debugging JavaScript

Dynamically Including SharePoint Data With JavaScript

Core jQuery

  • Basics of using jQuery
  • Understanding jQuery selectors
  • Updating the live HTML DOM using jQuery

SharePoint REST services

  • REST service basics
  • Using jQuery to access SharePoint services
  • Basic SharePoint service operations
  • Accessing lists and list items
  • Working with document library files and folders

Creating SharePoint Hosted Add-Ins

SharePoint add-in basics

  • Differentiating SharePoint and provider hosted add-ins
  • Configuring the development environment
  • Creating and deploying SharePoint Add-Ins with Visual Studio
  • Using add-ins to create lists and document libraries
  • Creating custom pages

Accessing SharePoint data with JSOM

  • Understanding the JavaScript Object Model for SharePoint
  • Accessing SharePoint data with JSOM
  • Working with lists items
  • Uploading and downloading document libraries files

Incorporating Angular Components Into SharePoint

Angular architecture

  • Simplifying the web user interface
  • Configuring an Angular development environment
  • Understanding Angular in the SharePoint world

Creating Angular components

  • Coding in TypeScript
  • Creating the component view through the template
  • Conditional and repeating html elements
  • Controlling component functionality through the typescript file
  • Injecting shared resources

Third party libraries

  • Incorporating third party Angular components
  • Adding charts and graphs to SharePoint pages

Adding JavaScript to Branded SharePoint Sites

  • Branding basics for SharePoint
  • Incorporating JavaScript into custom SharePoint brands

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the request service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.

 

Online Courses

You may prefer an online course if you are looking for a flexible and cost-effective solution. Online courses allow you to study at your own pace, at a time that suits you.

We have the following eLearning options available:

Virtual Classroom

Virtual classrooms provide all the benefits of attending a classroom course without the need to arrange travel and accomodation. Please note that virtual courses are attended in real-time, commencing on a specified date.

Virtual Course Dates

Our Customers Include