SharePoint Framework Overview
This module explains the development options we have in SharePoint. It gives an overview of the toolchain of SharePoint
Framework and how it fits into the SharePoint development story.
- What is SharePoint Framework
- Why SharePoint Framework?
- Modern toolchain
- The Future
Preparing your machine for the SharePoint Framework
This module explains how to prepare your machine for SharePoint Framework development. Configuring your SharePoint environment
for development and deployment is also discussed.
- Setup Office 365
- Software Installation
This module explains how a node.js project is structured, explains the role of the different components contained within
and how to scaffold a project from scratch. It illustrates the different kind of modules you have and how to work with
them; i.e. installing, versioning, locking down, cachingï¿½
- Creating a Project
- Using Modules
- Important Modules
SharePoint Framework Client Web Parts
This module explains how to use the Yeoman generator to create a SharePoint Framework project. It will illustrate the structure
of a SharePoint Framework project. This module introduces client-side web parts and how to make basic changes to it. It
also introduces the local and online Workbench, where your web parts can be tested.
- Framework Client Web Parts
- What is a Client Web Part?
- Creating a project
- Exploring Project Contents
- Running Your Project
- Gulp tasks
- Web Part Configuration
- What is ECMAScript
Array, Math, etc. The module shows how to write functions and explains about the scopes they create. Prototypes are also
introduced. Error handling is the last part of this module.
- Variables, Objects, Arrays and Functions
- Function Parameters
- Function Constructors
- Error handling
- Callback Pattern
- Options hashing
- Self-invoking functions
- Class Pattern
- Module Pattern
- The self reference
This module explains how Typescript solves many of the problems discussed in the previous modules. TypeScript adds type
annotations and code compilation to your development process so that you write better code. TypeScript is used by default
in all SharePoint Framework generated projects. This module will discuss the TypeScript language and how it can help you
in building your enterprise scale applications.
- What is TypeScript
- Using TypeScript in your project
- Interfaces and Classes
- Modules and Namespaces
Client Web Part Properties
This module explains how to modify the property pane of your web part. It explains how to configure and use your own properties.
It discusses how to dynamically load property pane options, create custom property controls, validate property values.
- Client Web Part Properties
- Webpart Properties
- Adding Properties
- Using Properties
- Preconfigured Entries
- Dynamic Data
- Custom Properties
- Advanced Configuration
Loading Frameworks and Libraries
This module explains how to load additional libraries inside your SharePoint Framework project from different sources.
- Loading Libraries and/or Frameworks
- NPM Package
- Loading from a URL
- Loading A Local Copy
- Loading jQuery and plugins
- Component loader
This module explains how to apply styling to your web components by writing maintainable and simpler CSS by means of Sass.
- What is SASS?
- The Language
- Nested Rules and Properties
Loading SharePoint Data in a client web part
This module explains how to load data in your SharePoint Framework components using the utility classes. The module discusses
the SharePoint REST API and how to consume it. Consume your own API and handling cross-origin issues.
- Loading SharePoint data
- Page Context
- Web Services Overview
- REST and ODATA Fundamentals
- SharePoint REST API's
- Framework HttpClient
- Solving cross domain issues with CORS
Build and deploy your SharePoint Framework project
This module explains how to build your SharePoint Framework project for deployment. It discusses the different deployment
options you have.
- Build and Deploy a Framework solution
and how to use it inside your SharePoint Framework projects.
- What is React JS
- Model View ViewModel (MVVM)
- React Components
- What is JSX
- Html Tags vs React Components
- Creating Components
- JSX Gotchas
- Relationship with State Machines
- Handling Component State
- Adding Interactivity by means of events
- Using Multiple Components
- Transferring props between components
- The Lifecycle of a Component
- Alternative Syntax
- SharePoint Framework and React
Framework and Office-UI-Fabric
This module explains how to use and apply the styles, components, ï¿½ of the Office UI Fabric inside your SharePoint Framework
- What Is Office UI Fabric?
- Office UI Fabric Versions
- Fabric Core Styles
- Example Uses
- Fabric Components
- Fabric JS
- Fabric React
Deploying SharePoint Artifacts
This module explains how you can use your SharePoint Framework solutions to provision SharePoint artifacts, like fields,
content types, lists, ï¿½ to your SharePoint site.
- Deploying SharePoint Artifacts
- Deployment Options
- Asset Types
This module explains how to consume the Microsoft Graph from within your SharePoint Framework solutions.
- Introduction to Microsoft Graph
- Authentication Providers
- Microsoft Graph API
SharePoint Framework Extensions
This module explains how to build UI extension for your SharePoint site by means of extensions. It will discuss altering
the header/footer of a site with application customizers, creating field customizers to change the rendering of a field
and how to use command sets to provide your own command bar buttons.
- SharePoint Framework Extensions
- Extensions Overview
- Creating Extensions
- Application Customizers
- Field Customizers
- Command Sets
This module explains how to use and configure Webpack to bundle all the generated code with.
- What is Webpack
- Entries and Outputs
- Using Loaders
- The need for Plugins
This module explains the role and the use of the task runner Gulp inside your SharePoint Framework projects. It will discuss
the existing tasks that have been added by default to your project as well as how you can quickly add new tasks.
- Installing Gulp as a node module
- Gulp primitives
- Gulp by example
Unit testing web parts
This module explains how to use the included testing frameworks in your SharePoint Framework project to unit test your web
parts and components.
- Included test frameworks
- Running tests
- Component testing
This five-day instructor-led course is intended for developers who want to be able to create client-side applications with SharePoint Framework. In this course,
configure the packaging and deploying their solutions.