Call Us: +32 2 466 00 16
Follow Us:

Developing with the SharePoint Framework

Training code
Book this course

Part 1 - SharePoint Framework?

What is SharePoint Framework

  • SharePoint Framework overview
  • SharePoint Framework tools

Preparing your machine for the SharePoint Framework

  • Visual Studio Code
  • Yeoman - scaffolding
  • Node.js/NPM - local hosting and module management
  • Phantom.js - headless browser
  • Webpack - packaging
  • Gulp - build configuration and automation

Part 2 - Javascript

JavaScript Language

  • Overview of the JavaScript language
  • Why use JavaScript as a SharePoint developer?
  • Variables, Objects, Arrays and Functions
  • Understanding the SharePoint Document Object Model

Popular JavaScript patterns used in the SharePoint Framework

  • Writing maintainable and performant JavaScript
  • Constructors and Prototypes
  • Callback pattern
  • Closures
  • Option hashing
  • The self-invoking function
  • Class and Module pattern
  • Javascript Promises

Part 3 - Developing Client-Side Web Parts

Strongly typed JavaScript with TypeScript

  • Writing application scale JavaScript
  • Type safe JavaScript development with TypeScipt
  • Implementing Types, Classes and Inheritance
  • Programs and Modules
  • Internal and external Modules

Building Client-Side Web Parts

  • Client-side web parts fundamentals
  • Web Part Project Structure
  • Changing the web part property pane
  • Loading external frameworks

Loading SharePoint and Office365 data in client web parts

  • Working with OData Services
  • Discovering the SharePoint REST endpoints
  • Office 365 REST API
  • Handling cross domain issues with CORS

Extending your Client-Side web part projects

  • Adding Multiple web parts to your project
  • Share reusable code with multiple web parts / projects

Part 4 - Working with JavaScript frameworks

Brand your client web parts with SASS and Office-UI-Fabric

  • SASS, the dynamic stylesheet language
  • SASS Variables, Mixins, Nesting, functions, ...
  • SASS Preprocessing
  • Office UI Fabric Components

Client-side data binding with knockout.js

  • The need for data binding
  • MVVM pattern
  • Displaying and editing javascript objects through binding
  • Binding to collections
  • Binding to functions


  • What is React?
  • Writing JSX
  • Writing components

Using and building React components for the SharePoint Framework

  • Building a SharePoint user interface using React
  • Using the existing React components
  • Create and use your own React components

Part 5 - Testing and Deployment

SharePoint Framework Testing

  • SharePoint Workbench overview
  • Debugging your code
  • Creating test for your client web part


  • Debug and Release builds
  • Packaging your web part
  • Extending the build process with custom tasks

The SharePoint Framework or SPFx is a brand new development model that allows us to create modern client-side SharePoint experiences. The first preview was released in August 2016 on SharePoint Online and will become available on SharePoint Server 2016 in 2017. It provides support for open source development and is entirely build on top of JavaScript.

Most SharePoint developers today are excellent server side .NET developers but lack the required skills to make the transition to this new SharePoint Framework. This course will teach you the skills to extend SharePoint by using client-side code. You will learn about JavaScript as a language and all required libraries and tools to start developing with the SharePoint Framework: TypeScript, Node.js, React, Knockout, gulp, yeoman...

Participants of this course should have a basic understanding of web development. Knowing your way around in SharePoint from an end-user perspective is recommended.

© 2017 U2U All rights reserved.