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  

Important Course Information

• 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 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
• Augmenting SharePoint Pages With JavaScript

Core JavaScript and TypeScript

• Basics of using JavaScript and TypeScript
• Understanding selectors and page modification 
• Maximizing developer time with TypeScript

Including JavaScript on Pages

• Customizing SharePoint pages
• Understanding Web Parts
• Pros/Cons of using Web Parts to include JavaScript
• Incorporating JavaScript with Content Editor and Script Editor
• 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 through REST Services

• Exploring available services
• Accessing SharePoint data with JavaScript
• Working with lists and libraries
• Uploading and downloading document libraries files
• Using the SharePoint Framework (SPFx)

SPFx architecture

• Configuring a development environment
• Installing required dependencies (VS Code, Node.js, Yeoman, etc.)
• SPFx web part structure and lifecycle
• Accessing SharePoint data through its REST services

Creating SPFx web parts

• Starting SPFx projects with Yeoman
• Creating a basic web part
• Testing locally (without SharePoint)
• Deploying and testing in SharePoint

Including third party libraries

• Using JQuery-UI in SPFx web parts
• Using Angular in SPFx web parts
• Using React and Office UI in SPFx web parts