|
1 | 1 | ---
|
2 | 2 | title: Tutorials and training for SharePoint Development
|
3 | 3 | description: Different tutorials and other resources around SharePoint development.
|
4 |
| -ms.date: 06/18/2018 |
| 4 | +ms.date: 02/27/2020 |
5 | 5 | ms.prod: sharepoint
|
6 | 6 |
|
7 | 7 | localization_priority: Priority
|
8 | 8 | ---
|
9 | 9 |
|
10 | 10 | # Tutorials and training material for SharePoint Development
|
11 | 11 |
|
12 |
| -These are the different tutorials and training assets available for you. |
| 12 | +Here are the different tutorials and training assets available for you to get started on building SharePoint Framework solutions for SharePoint, Microsoft Teams, and Office clients. These tutorials and training modules include both written and a video format. |
| 13 | + |
| 14 | +## Setting up your development environment |
| 15 | + |
| 16 | +- [Set up your Office 365 tenant](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-developer-tenant) | [video](https://www.youtube.com/watch?v=yc1IYgYp7qQ&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq) - Includes how to get a free tenant from Microsoft 365 developer program |
| 17 | +- [Set up development environment](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment) | [video](https://www.youtube.com/watch?v=-2-jWsEa2Yw&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=2) - Install needed tooling to get started |
13 | 18 |
|
14 | 19 | ## Getting started tutorials for SharePoint Framework
|
15 | 20 |
|
16 |
| -* [Getting started with SharePoint Framework client-side web parts](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part) - Tutorial series |
17 |
| -* [Getting started with SharePoint Framework Extensions](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/build-a-hello-world-extension) - Tutorial series |
18 |
| -* [Build your first Field Customizer extension](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer) |
19 |
| -* [Build your first ListView Command Set extension](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api) |
| 21 | +- [Getting started with SharePoint Framework client-side web parts](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part) | [video](https://www.youtube.com/watch?v=_O2Re5uRLoo&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=3) - Tutorial series with 4 parts |
| 22 | +- [Using Microsoft Graph APIs in your solution](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis) | [video](https://www.youtube.com/watch?v=tHzbh5JoC-A&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=7) |
| 23 | +- [Building Microsoft Teams tab using SharePoint Framework](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-web-part-as-ms-teams-tab) | [video](https://www.youtube.com/watch?v=JoTAC2i-XeU&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=8) |
| 24 | +- [Add jQueryUI Accordion to your SharePoint client-side web part](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/add-jqueryui-accordion-to-web-part) | [video](https://www.youtube.com/watch?v=N0C9azIyiTo&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=10) |
| 25 | +- [Use Office UI Fabric React components in your SharePoint client-side web part](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/use-fabric-react-components) | [video](https://www.youtube.com/watch?v=kNrYd8nYaZY&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=11) |
| 26 | +- [Tutorial for creating Outlook Web App extension using SharePoint Framework - Preview](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/office-addins-tutorial) | [video](https://www.youtube.com/watch?v=QtGjTAjbIKU&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=9) |
| 27 | + |
| 28 | +## Getting started tutorials for SharePoint Framework extensions |
| 29 | + |
| 30 | +- [Getting started with SharePoint Framework Extensions](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/build-a-hello-world-extension) | [video](https://www.youtube.com/watch?v=DnfRIl2YN8g&list=PLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV) - Tutorial series with 4 parts |
| 31 | +- [Build your first Field Customizer extension](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer) | [video](https://www.youtube.com/watch?v=mBZ7Sq_KfDA&list=PLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV&index=5) |
| 32 | +- [Build your first ListView Command Set extension](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api) | [video](https://www.youtube.com/watch?v=uaUGtLrNbRA&list=PLR9nK3mnD-OXtWO5AIIr7nCR3sWutACpV&index=6) |
20 | 33 |
|
21 | 34 | ## Additional tutorials for SharePoint Framework
|
22 | 35 |
|
23 |
| -* [Provision SharePoint assets from your SharePoint client-side web part](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/provision-sp-assets-from-package) |
24 |
| -* [Deploy your SharePoint client-side web part to Azure CDN](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/deploy-web-part-to-cdn) |
25 |
| -* [Consume the Microsoft Graph in the SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/use-aad-tutorial) |
26 |
| -* [Consume enterprise APIs secured with Azure AD in SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/use-aadhttpclient-enterpriseapi) |
27 |
| -* [Consume multi-tenant enterprise APIs secured with Azure AD in SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/use-aadhttpclient-enterpriseapi-multitenant) |
| 36 | +- [Provision SharePoint assets from your SharePoint client-side web part](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/provision-sp-assets-from-package) | [video](https://www.youtube.com/watch?v=09uoG6Voeew&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=12) |
| 37 | +- [Deploy your SharePoint client-side web part to Azure CDN](https://docs.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/deploy-web-part-to-cdn) |
| 38 | +- [Consume the Microsoft Graph in the SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/use-aad-tutorial) |
| 39 | +- [Consume enterprise APIs secured with Azure AD in SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/use-aadhttpclient-enterpriseapi) |
| 40 | +- [Consume multi-tenant enterprise APIs secured with Azure AD in SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/use-aadhttpclient-enterpriseapi-multitenant) | |
28 | 41 |
|
29 | 42 | Migration tutorials from classic customizations to SharePoint Framework
|
30 | 43 |
|
31 |
| -* [Migrating from Edit Control Block (ECB) menu item to SharePoint Framework Extensions](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/guidance/migrate-from-ecb-to-spfx-extensions) |
32 |
| -* [Migrating from JSLink to SharePoint Framework Extensions](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/guidance/migrate-from-jslink-to-spfx-extensions) |
33 |
| -* [Migrating from UserCustomAction to SharePoint Framework Extensions](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/guidance/migrate-from-usercustomactions-to-spfx-extensions) |
| 44 | +- [Migrating from Edit Control Block (ECB) menu item to SharePoint Framework Extensions](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/guidance/migrate-from-ecb-to-spfx-extensions) |
| 45 | +- [Migrating from JSLink to SharePoint Framework Extensions](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/guidance/migrate-from-jslink-to-spfx-extensions) |
| 46 | +- [Migrating from UserCustomAction to SharePoint Framework Extensions](https://docs.microsoft.com/sharepoint/dev/spfx/extensions/guidance/migrate-from-usercustomactions-to-spfx-extensions) |
34 | 47 |
|
35 | 48 | ## Getting started training modules for SharePoint Framework
|
36 | 49 |
|
37 |
| -These are "presentations in a box" that include slides, demos, videos & hands on labs for self-paced learning or for user group presentations. |
| 50 | +These are "presentations in a box" that include slides, demos, videos & hands-on labs for self-paced learning or for user group presentations. You can find more detailed description of this training package from http://aka.ms/spfx-training. |
38 | 51 |
|
39 |
| -* [Getting Started with the SharePoint Framework](https://github.com/SharePoint/sp-dev-training-spfx-getting-started) |
40 |
| -* [Developing with the SharePoint Framework: Web Parts](https://github.com/SharePoint/sp-dev-training-spfx-web-parts) |
41 |
| -* [Working with the Web Part Property Pane](https://github.com/SharePoint/sp-dev-training-spfx-webpart-proppane) |
42 |
| -* [Getting Started with SharePoint Framework Extensions](https://github.com/SharePoint/sp-dev-training-spfx-extensions) |
43 |
| -* [Working with SharePoint Content](https://github.com/SharePoint/sp-dev-training-spfx-spcontent) |
44 |
| -* [Leverage the Microsoft Graph & 3rd Party APIs](https://github.com/SharePoint/sp-dev-training-spfx-graph-3rdpartyapis) |
| 52 | +- [Getting Started with the SharePoint Framework](https://github.com/SharePoint/sp-dev-training-spfx-getting-started) | [video](https://www.youtube.com/watch?v=_Pt5cnU4MpU&index=1&list=PLR9nK3mnD-OV-RPXQ3Lco845qoEy7VJoc) |
| 53 | +- [Developing with the SharePoint Framework: Web Parts](https://github.com/SharePoint/sp-dev-training-spfx-web-parts) | [video](https://www.youtube.com/watch?v=m1l_sgSwKek&list=PLR9nK3mnD-OV-RPXQ3Lco845qoEy7VJoc&index=2) |
| 54 | +- [Working with the Web Part Property Pane](https://github.com/SharePoint/sp-dev-training-spfx-webpart-proppane) | [video](https://www.youtube.com/watch?v=4QLY6z3RGug&list=PLR9nK3mnD-OV-RPXQ3Lco845qoEy7VJoc) |
| 55 | +- [Working with SharePoint Content](https://github.com/SharePoint/sp-dev-training-spfx-spcontent) | [video](https://www.youtube.com/watch?v=0OiC7AzoCVI&list=PLR9nK3mnD-OV-RPXQ3Lco845qoEy7VJoc) |
| 56 | +- [Getting Started with SharePoint Framework Extensions](https://github.com/SharePoint/sp-dev-training-spfx-extensions) | [video](https://www.youtube.com/watch?v=85DlxhbIK9I&list=PLR9nK3mnD-OV-RPXQ3Lco845qoEy7VJoc) |
| 57 | +- [Leverage the Microsoft Graph & 3rd Party APIs](https://github.com/SharePoint/sp-dev-training-spfx-graph-3rdpartyapis) | [video](https://www.youtube.com/watch?v=0zVtDn0ckBM&list=PLR9nK3mnD-OV-RPXQ3Lco845qoEy7VJoc) |
| 58 | +- [Using React and Office UI Fabric React Components](https://github.com/SharePoint/sp-dev-training-spfx-react-fabric) | [video](https://www.youtube.com/watch?v=TlSGdDZmrTM&list=PLR9nK3mnD-OV-RPXQ3Lco845qoEy7VJoc&index=7) |
| 59 | +- [Deploying SharePoint Framework Components to Production](https://github.com/SharePoint/sp-dev-training-spfx-deployment) | [video](https://www.youtube.com/watch?v=DLi6ZviEIJ8&list=PLR9nK3mnD-OV-RPXQ3Lco845qoEy7VJoc&index=8) |
| 60 | +- [Build Microsoft Teams customizations using SharePoint Framework](https://github.com/SharePoint/sp-dev-training-spfx-teams-dev) | [video](https://www.youtube.com/watch?v=Yfs3-qawJfA&list=PLR9nK3mnD-OV-RPXQ3Lco845qoEy7VJoc&index=9) |
45 | 61 |
|
46 | 62 | ## Other resources and assets
|
47 | 63 |
|
48 |
| -* [SharePoint Development YouTube channel](https://aka.ms/spdev-videos) |
49 |
| -* [SharePoint developer samples](https://aka.ms/spdev-samples) |
| 64 | +- [Microsoft 365 & SharePoint Community YouTube channel](https://aka.ms/spdev-videos) |
| 65 | +- [SharePoint Framework web part samples](https://aka.ms/spfx-webparts) |
| 66 | +- [SharePoint Framework extension samples](https://aka.ms/spfx-extensions) |
0 commit comments