SPFx Learning Path

Introduction

Motivation

This guide is a collection of resources with the intention to help you learn SharePoint Framework (SPFx) from the ground up.

First we start with JavaScript from basic to complex concepts including EcmaScript 2015 (ES6), after that we talk about SPFx and SharePoint Patterns and Practices (PnP), at the end we discuss how to interact with SharePoint data using APIs.

Pre-requisites

• Core programming concepts
• Expirience with front-end web development
• Basic SharePoint knowledge
• HTTP web protocols
• NPM command line tool to manage JS packages
• Git source code version control

How to follow this guide?

1. Clone or fork this repository
2. Navigate to a particular chapter
3. Review the concepts to learn section
4. Mark as completed any concept that you already fully understand
5. For the missing concepts review the resources section to learn about them
6. When you fully understand all the concept for that chapter, go to the next one to learn more stuff
7. Enjoy it!

Table of contents

• JavaScript
  • EcmaScript
  • TypeScript
  • React
• SharePoint Framework (SPFx)
  • Set up a development environment
  • Team based development workflow
  • Web parts
  • Extensions
  • Formatting column
  • UI
  • Project Scaffolding
• APIs
  • Patterns and Practices (PnP)
  • SharePoint REST service
  • SharePoint Webhooks

FAQ

• How to update SPFx packages to latest version?
• How to add custom icons on apps?
• Can I use an editor other than VSCode?
• How to keep updated on SPFx new functionalities?