Microsoft Training Icon

Developing with the SharePoint Framework

5 Days Classroom Session   |  
5 Days Live Online
Classroom Registration
Group Rate:
(per registrant, 2 or more)
GSA Individual:
Live Online Registration
Live Online:
Private Onsite Package

This course can be tailored to your needs for private, onsite delivery at your location.

Request a Private Onsite Price Quote

Professional Credits


ASPE is an IIBA Endorsed Education Provider of business analysis training. Select Project Delivery courses offer IIBA continuing development units (CDU) in accordance with IIBA standards.


Select courses offer Leadership (PDU-L), Strategic (PDU-S) and Technical PMI professional development units that vary according to certification. Technical PDUs are available in the following types: ACP, PBA, PfMP, PMP/PgMP, RMP, and SP.


This five-day official Microsoft course teaches attendees how to create client-side applications with SharePoint Framework. In addition, this is a SharePoint development training course, so students will learn to integrate the JavaScript library React to build client-side web parts, extensions, and field customizers within SharePoint.

Work with open source tools Node.js, Yeoman, Gulp
Prepare a machine for SharePoint Framework development
Work with npm modules inside their project
Build client-side web parts with SharePoint Framework
Build UI extensions like field customizers or command sets with SharePoint Framework
Write and understand JavaScript
Use advanced JavaScript patterns like Module and Class
Write and compile TypeScript
Include other libraries inside their SharePoint Framework project
Style their components with Sass (Syntactically Awesome Style Sheets)
Upcoming Dates and Locations
All Live Online times are listed in Eastern Time Guaranteed To Run

There aren’t any public sessions currently scheduled for this course, but if you fill out the form below, we can tell you about how we can bring this course to you!

Course Outline

Part 1: Introduction

Part 2: Sharepoint Framework Overview

  1. What Is Sharepoint Framework
  2. Why Sharepoint Framework?
  3. Modern Toolchain
  4. The Future

Part 3: Preparing Your Machine for the Sharepoint Framework

  1. Setup Office 365
  2. Software Installation

Part 4: Node.Js Modules

  1. Modules
  2. Creating a Project
  3. Using Modules
  4. Commonjs
  5. Important Modules

Part 5: Sharepoint Framework Client Web Parts

  1. What Is a Client Web Part?
  2. Creating a Project
  3. Exploring Project Contents
  4. Running Your Project
  5. Gulp Tasks
  6. Web Part Configuration

Part 6: Javascript Introduction

  1. What Is Javascript
  2. What Is Ecmascript
  3. Using Libraries to Extend Javascript Functionality
  4. Debugging Javascript with the Browser Debugger

Part 7: Javascript Language

  1. Variables, Objects, Arrays and Functions
  2. Javascript Scopes and Closures
  3. Function Parameters
  4. Function Constructors
  5. Prototypes
  6. Error Handling

Part 8: Javascript Patterns

  1. Callback Pattern
  2. Options Hashing
  3. Self-invoking Functions
  4. Class Pattern
  5. Module Pattern
  6. The Self-reference

Part 9: Typescript

  1. What Is Typescript
  2. Using Typescript in Your Project
  3. Variables
  4. Functions
  5. Interfaces and Classes
  6. Modules and Namespaces

Part 10: Client Web Part Properties

  1. Adding Properties
  2. Using Properties
  3. Preconfigured Entries
  4. Dynamic Data
  5. Custom Properties
  6. Advanced Configuration

Part 11: Loading Frameworks and Libraries

  1. Considerations
  2. Npm Package
  3. Loading from a Url
  4. Loading a Local Copy
  5. Loading Jquery and Plugins
  6. Component Loader

Part 12: Sass

  1. What Is Sass?
  2. The Language
  3. Variables
  4. Types
  6. Nested Rules and Properties
  7. Partials
  8. Extend
  9. Mixins
  10. Functions

Part 13: Loading Sharepoint Data in a Client Web Part

  1. Loading Sharepoint Data
  2. Page Context
  3. Web Services Overview
  4. Rest and Odata Fundamentals
  5. Sharepoint Rest Api's
  6. Ajax
  7. Framework Httpclient
  8. Solving Cross-domain Issues with Cors

Part 14: Build and Deploy Your Sharepoint Framework Project

  1. Build and Deploy a Framework Solution
  2. Overview
  3. Building
  4. Deployment

Part 15: React

  1. What Is React Js
  2. Model View Viewmodel (Mvvm)
  3. React Components
  4. What Is Jsx
  5. Html Tags Vs React Components
  6. Creating Components
  7. Javascript Expressions
  8. Jsx Gotchas
  9. Relationship with State Machines
  10. Handling Component State
  11. Adding Interactivity by Means of Events
  12. Using Multiple Components
  13. Transferring Props Between Components
  14. The Lifecycle of a Component
  15. Alternative Syntax
  16. Sharepoint Framework and React

Part 16: Framework and Office-ui-fabric

  1. What Is Office Ui Fabric?
  2. Office Ui Fabric Versions
  3. Fabric Core Styles
  4. Example Uses
  5. Fabric Components
  6. Fabric Js
  7. Ngofficeuifabric
  8. Fabric React

Part 17: Deploying Sharepoint Artifacts

  1. Deploying Sharepoint Artifacts
  2. Deployment Options
  3. Asset Types
  4. Features

Part 18: Microsoft Graph

  1. Introduction to Microsoft Graph
  2. Authentication Providers
  3. Microsoft Graph Api
  4. Development

Part 19: Sharepoint Framework Extensions

  1. Extensions Overview
  2. Creating Extensions
  3. Application Customizers
  4. Field Customizers
  5. Command Sets

Part 20: Webpack

  1. What Is Webpack
  2. Entries and Outputs
  3. Using Loaders
  4. The Need for Plugins

Part 21: Gulp

  1. Installing Gulp as a Node Module
  2. Gulp Primitives
  3. Gulp by Example

Part 22: Unit Testing Web Parts

  1. Included Test Frameworks
  2. Running Tests
  3. Component Testing

Part 23: Conclusion

Who should attend

Experienced developers who want to start building solutions with SharePoint Framework, including:

  • IT Developers
  • Web Developers
  • SharePoint Administrators
  • Database Administrators and Developers
  • Technical professionals with development experience

Experience with SharePoint, JavaScript and TypeScript Experience with SharePoint, JavaScript and TypeScript is preferred.


Download the brochure