SharePoint Framework for Developers: 2 Authoring and Debugging Solutions

2h 9mIntermediate2018-04-23

Authors

Sahil Malik

Trainer, Microsoft and iOS Consultant, and Founder of Winsmarts.com

Course details

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.

Learning objectives
Creating SPFx web parts
Debugging SPFx web parts
Deploying SPFx solutions with an Office 365 CDM
Provisioning SharePoint assets
Deploying application customizers
Creating field customizers
Building command sets

Skills covered

SharePointEnterprise Content ManagementOffice 365Network and System AdministrationMicrosoftDeep Dive (X:Y)

Concepts

0. Introduction

01 - Welcome
02 - What you should know
03 - Using the exercise files

1. Authoring Web Parts

04 - An introduction to the dev environment
05 - Create an SPFx web part
06 - A walk-through of an SPFx solution
07 - A walk-through of the SPFx web part
08 - Run our SPFx web part
09 - Debug SPFx web parts in Visual Studio Code
10 - Debug SPFx solutions in the browser
11 - Debug SPFx solutions in the hosted workbench in Office365

2. Deploy SPFx Solutions

12 - Deploying SPFx solutions - Basics
13 - Office 365 CDN - Basics
14 - Manage Office 365 CDN using PowerShell
15 - Manage Office 365 CDN using Office 365 CLI
16 - Test the Office 365 CDN
17 - Deploy the SPFx solution
18 - Uninstall an SPFx solution
19 - Use includeClientSideAssets

3. Provision SharePoint Assets

20 - Basic project structure
21 - Add schema.xml and elements.xml details
22 - Package our solution for testing
23 - Deploy and test our solution

4. Application Customizers

24 - What are application customizers
25 - Create an application customizer
26 - Application customizer project structure
27 - Test application customizers
28 - Deploy application customizers

5. Field Customizers

29 - What are field customizers
30 - Create a field customizer
31 - Field customizer project
32 - Field customizer action
33 - Test field customizers

6. Command Sets

34 - What are command sets
35 - Create a command set project
36 - Command set project template
37 - Test the command set

Conclusion

38 - Next steps