1.Understanding the Toolchain

SharePoint Framework (SPFx) allows developers to extend SharePoint Online and SharePoint on premises, via web parts or extensions. Before diving into SPFx, you need to master the toolchain—technologies such as Node.js, npm, Gulp, TypeScript, webpack, Yeoman, Sass, and more. Instructor Sahil Malik uses this introductory course to explore the toolchain. He shows how to write basic Node.js code; bundle images, CSS, and apps with webpack; use Yeoman generators; and integrate TypeScript and Sass. Developers who are already familiar with these tools can jump to the end of the course, where Sahil shows how to set up a complete SPFx development environment.

2.Authoring and Debugging Solutions

SharePoint Framework (SPFx) allows developers to extend SharePoint Online and SharePoint on premises, via web parts or extensions. This course shows you how to write those web parts and extensions using SPFx. It also demonstrates how to create application and field customizers and list view command sets. Instructor Sahil Malik shows how to write client-side web parts and extensions, and how to debug your SPFx projects. Plus, learn how to leverage third-party and Office 365 content delivery networks (CDNs) for SPFx deployment.

3.Deployment, Upgrades, and Lifecycle

The SharePoint Framework (SPFx) is the development methodology for Office 365 and SharePoint on premises. In this practical course—the third installment in a series—instructor Sahil Malik shares real-world techniques for managing your SharePoint solutions. Sahil explains how to deploy SPFx solutions and manage their upgrades, as well as how to use the site collection app catalog. He also provides an introduction to the application lifecycle management APIs, including coverage of Office 365 CDN, Site Collection App Catalog, ALM APIs, and lifecycle management of SPFx solutions using both SharePoint PnP PowerShell and the Office 365 CLI.

4.Managing External Libraries

Enhance your ability to work with the SharePoint Framework (SPFx), the development methodology for Office 365 and SharePoint on premises. This course demonstrates how you can leverage external third-party libraries in your SPFx solutions. Discover how to add third-party libraries into your project and explore the out-of-the-box behavior for React, Knockout, Angular, and jQuery web parts. Plus, review some advanced scenarios, including how to download libraries programmatically and conditionally, integrate Bootstrap in SPFx, and externalize scripts using externalize and config.json.

Level: Beginner, Intermediate and Advanced
Source Course: LinkedIn Learning
Instructor: Sahil Malik

You can stream here.