Current Status
Not Enrolled
Price
$$
Get Started

SharePoint Framework Developer Training Course

This is a self-paced online course with lifetime access that provides the knowledge and skills required to build applications and solutions with Microsoft 365 core services. This course is designed for professionals who are aspiring to become a SharePoint Framework Developer role. In this course, you will learn how to develop SharePoint Framework(SPFx) WebParts using React and deploy WebPart to the SharePoint App Catalog.

Course Rating:  

Course Description

In this SharePoint Framework course, you will learn to build and deploy client-side web parts & extensions using the SharePoint Framework. The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one.

Course Duration: 30 hours

Key concepts covered include:

  • React
  • TypeScript
  • WebPack
  • Node.JS
  • Yeoman
  • Gulp

Module 1: 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.

Module 2: 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.

Module 3: Node.js Modules

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 kinds of modules you have and how to work with them; i.e. installing, versioning, locking down, caching.

Module 4: 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.

Module 5: TypeScript

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. 

Module 6: 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.

Module 7: 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.

Module 8: React JS Essentials

This module will cover the basics of the JavaScript framework React. It discusses how the React component system works, and how to use it inside your SharePoint Framework projects.

Module 9: Single Page Application (SPA) React JS

This module will cover how to create a single page application using React JS

Module 10: 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.

Module 11: SharePoint Framework Extensions

This module explains how to build a 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.

Sharing is Caring
Scroll to Top