/sp-dev-training-spfx-web-parts

SharePoint Framework training package - Developing with the SharePoint Framework: Web Parts

MIT LicenseMIT

Microsoft SharePoint Framework Training Module - Developing with the SharePoint Framework: Web Parts

This module will introduce you to creating client-side web parts using the SharePoint Framework. In addition, you will see how to leverage the SharePoint-hosted Workbench and use different parts of the SharePoint Framework API.

This module is also published as a Microsoft Learn module: Developing with the SharePoint Framework: Web Parts

Lab - Developing with the SharePoint Framework: Web Parts

The lab for this module is available in multiple units within the associated Microsoft Learn module. Use the following links to jump to the specific unit. Each Microsoft Learn unit represents a different lab exercise & demo in the presentation.

  1. Exercise - Create a SharePoint Framework client-side web part

    In this exercise, you'll create a SharePoint Framework client-side web part.

  2. Exercise - Testing with the SharePoint-hosted Workbench

    In this exercise, you'll test your web part in the hosted workbench, and you will explore the different modes of the built-in gulp serve task.

  3. Exercise - Exploring the SharePoint Framework API

    In this exercise, you'll explore a few different APIs available to you in the SharePoint Framework that are useful in many scenarios.

Demos

Watch the Module - Video

This module has been recorded and is available in the SharePoint Development YouTube channel: SharePoint Framework Training - Developing with the SharePoint Framework: Web Parts

Contributors

Roles Author(s)
Lab Manuals / Slides Andrew Connell (Microsoft MVP, Voitanos) @andrewconnell
Sponsor / Support Vesa Juvonen (Microsoft) @VesaJuvonen

Version history

Version Date Comments
1.20 May 30, 2024 FY2024Q4 content refresh; update to SPFx v1.19.0
1.19 May 5, 2023 FY2023Q4 content refresh; update to SPFx v1.17.1
1.18 February 28, 2023 FY2023Q3 content refresh; update to SPFx v1.16.1
1.17 December 5, 2022 FY2023Q2 content refresh
1.16 September 5, 2022 FY2023Q1 content refresh; update SPFx v1.15.2
1.15 May 2, 2022 FY2022Q4 content refresh; update SPFx v1.14
1.14 March 7, 2022 FY2022Q3 content refresh;
1.13 December 8, 2021 FY2022Q2 content refresh; retire local workbench
1.12 September 13, 2021 FY2022Q1 content refresh
1.11 June 17, 2021 FY2021Q4 content refresh
1.10 March 6, 2021 FY2021Q3 content refresh
1.9 November 30, 2020 FY2021Q2 content refresh
1.8 August 31, 2020 FY2021Q1 content refresh
1.7 March 10, 2020 FY2020Q3 content refresh & port module to MS Learn
1.6 December 6, 2019 FY2020Q2 content refresh
1.5 September 2, 2019 FY2020Q1 content refresh
1.4 May 24, 2019 FY2019Q4 content refresh
1.3 March 6, 2019 FY2019Q3 content refresh
1.2 December 17, 2018 FY2019Q2 content refresh
1.1 September 21, 2018 Rewritten to use latest guidance
1.0 ~February 2017 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.microsoft.com.

When you submit a pull request, a CLA-bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.