SharePoint Framework for Developers: 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.

Topics include
Introduction to SPFx
Installing Node.js and npm
Writing Node.js-based code and script
Using webpack to bundle CSS, images, and distributable apps
Using Yeoman generators
Working with TypeScript and Sass
Setting up your SPFx development environment