JAVASCRIPT FOR SHAREPOINT DEVELOPERS
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