SharePoint Framework (SPFx) Training Course

Module 1: Introduction to SharePoint Framework (SPFx)

This module explains, an to SharePoint Framework (SPFx) Developer Training Course, overview of SharePoint Development Options for developers, introduction to SharePoint Framework (SPFx), and how SharePoint Framework is better than older development models etc.

Module 2: Setting up a SharePoint Framework Development Environment

In this module you will learn SharePoint Framework development toolchain, SharePoint Framework Development Environment Set up, Downloading and Installing Node.js, Node Package Manager (npm), Gulp, Yeoman, Visual Studio Code and SharePoint Framework etc, and Visual Studio Code Crash Course

Module 4: ReactJS Essentials

This module learn ReactJS, this is also the framework which you will use in SPFx development. Learn React JS Crash Course. React vs Angular, React Component etc.

Module 5: SharePoint Framework Client Web Parts

This module you will learn about SharePoint Framework client side web parts, Create client side web part and understanding of the project structure, files and folders, Package and Deploy SPFx Client Side Web Part, 3 Different ways to create SPFx Solution, SharePoint Framework (SPFx) Client Side Web Part Properties, Create Employee Of Month Web Part by using various web part properties, Employee Of the Month Web Part using React JS Framework with web part properties, Creating Component in SPFx React Web Part with Properties, More SPFX PropertyPane Examples with React, Working with PnP Property Pane Controls, and how to work with Mock Data in SPFx Client Side Web Part, Understand Manifest file in SPFx Web Part, Build Microsoft Teams Tab using SPFx Web Part, Working with chartjs in SPFx React Web Part and many more.

Module 6: Loading SharePoint Data in a client web part

Working with context in SPFx Web Parts, how work with Rest API in SPFx client side web parts with various examples like CRUD operations, Employee feedback web part, get all lists & libraries, subsite and list creation process. Display List Items in SPFx web part using React, Also, you will learn how to work with Anonymous APIs in SPFx with React, how to work with External Libraries, jQuery (accordion), Bootstram with PnP in SPFx Client Side Web Part, Working with Graph API in SPFx Web Part - No JavaScript Framework and React Framework, SPFx with Graph API SharePoint (React and No JavaScript).

Module 7: SharePoint Framework (SPFx) with PnP

PnP is very popular and used widely for SharePoint development, this modules helps you to learn how to work with PnP in SharePoint Framework (SPFx) development. Learn PnP JS library, CRUD Operations using PnP JS in SPFx, Working with SPFx PnP Controls (People Picker) and many more examples.

Module 8: Deploying SharePoint Framework (SPFx) Artifacts

This module you will learn the SPFx deployment process, which is easy compared to other development models. I have explained here, how to package and deploy SPFx Web Part - SharePoint Online App Catalog Site, SharePoint Online CDN and also to Microsoft Azure Storage CDN.

Module 9: SharePoint Framework Extensions

This module explains about SharePoint Framework Extensions. Learn about various SPFx extensions with examples like Field Customizer Extension, Apply SPFx field customizer extension to existing SharePoint list columns, Application Customizer Extension and Command Sets Extensions. Also, see more examples of SPFx extensions with PnP (Bulk update using Listview command sets SPFx extensions and PnP) and many more examples, Working with Place Holders in SPFx Application Customizers, Inject CSS through SPFx Application Customizer.

Module 10: Brand your client web parts with Office-UI-Fabric

This is the last module and this will explain, SPFx Office UI Fabric Introduction, how to use styling in SPFx web parts with the Office UI Fabric inside your SharePoint Framework solutions/projects. Learn about Office UI Fabric styles and Office UI Fabric components. (Coming soon)