The document discusses an upcoming webinar on SharePoint Framework (SPFx) Deep Dive. The webinar will cover NodeJS, code editors, Yeoman, Gulp, the SPFx roadmap, understanding versioning in SPFx solutions, and working with CI/CD pipelines and versioning. It will also discuss migrations and upgrades when using SPFx. The presenter is Jasjit Chopra, a Microsoft Azure MVP, and the webinar will provide an in-depth look at SPFx.

1. Webinar Series: SharePoint Framework(SPFx) Deep Dive
SharePoint Framework(SPFx)
Deep Dive
Webinar Series

2. Webinar Series: SharePoint Framework(SPFx) Deep Dive
Demystifying versioning
in SPFx solutions

3. Webinar Series: SharePoint Framework(SPFx) Deep Dive
Jasjit Chopra
CEO / Microsoft Azure MVP
Penthara Technologies
jasjitchopra
jasjitchopra
jasjitchopra
Jasjit@Penthara.com
Certified Cloud Architect and Microsoft Azure MVP
with strong background in Azure, SharePoint and
Microsoft 365. As a global consultant he has
worked with many multinational clients including
HP, Avanade, Accenture, Unistar Nuclear Energy,
Warner Music Group, Inventiv Health and
iHeartMedia.
Jasjit holds a Masters of Business Administration in
Technology and Management from CERAM,
Sophia Antipolis, France.

4. Webinar Series: SharePoint Framework(SPFx) Deep Dive
Agenda
• NodeJS
• Code Editor
• Yeoman
• Gulp
• Roadmap
• Understanding Versioning in Solutions
• Working with CI/CD Pipeline and versioning

5. Webinar Series: SharePoint Framework(SPFx) Deep Dive

6. Webinar Series: SharePoint Framework(SPFx) Deep Dive
NodeJS and Code Editor
• Packages and Modules
• SPFx relies heavily on NPM Packages
• NPM Packages follow Semantic Versioning
• https://docs.npmjs.com/about-semantic-versioning
• Package.json
• Very important file in your project
• Specifics of npm’s package.json handling
• Code Editor
• Version does not matter which code editor you use

7. Webinar Series: SharePoint Framework(SPFx) Deep Dive

8. Webinar Series: SharePoint Framework(SPFx) Deep Dive
Yeoman and Gulp
• What is Yeoman?
• Web project scaffolding tool
• Learn more at yeoman.io
• SPFx and Yeoman Generator
• @microsoft/generator-sharepoint and Pnp SPFx Yeoman generator
• How to tell what version of the SPFx Yeoman generator is installed – Hugo
Bernier
• Gulp
• https://www.npmjs.com/package/gulp

9. Webinar Series: SharePoint Framework(SPFx) Deep Dive

10. Webinar Series: SharePoint Framework(SPFx) Deep Dive
SharePoint Framework
• Overview
• https://docs.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-
overview
• Roadmap
• https://docs.microsoft.com/en-us/sharepoint/dev/spfx/roadmap
• SharePoint solution packaging
• https://docs.microsoft.com/en-gb/sharepoint/dev/spfx/web-parts/basics/notes-on-
solution-packaging
• Understanding versioning in solution
• npm version
• Use `npm version` to upgrade the version of your SPFx solution – By Stefan Bauer

11. Webinar Series: SharePoint Framework(SPFx) Deep Dive

12. Webinar Series: SharePoint Framework(SPFx) Deep Dive
Migrations and Upgrades
• Migrations
• Migrating from old solutions
• https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/migrate-script-
editor-web-part-customizations
• Upgrades
• SPFx project upgrade
• https://pnp.github.io/office365-cli/cmd/spfx/project/project-upgrade

13. Webinar Series: SharePoint Framework(SPFx) Deep Dive
Thank You

14. Webinar Series: SharePoint Framework(SPFx) Deep Dive
Next up…
Unit Test SPFx Solutions using Jest and
Enzyme
By Aakash Bhardwaj on 23-May-2020