Set up your developer environment - Mastering the SharePoint Framework (SPFx)

New to SPFx & this new toolchain? Check out my FREE email course "Understand the SharePoint Framework Toolchain"! https://vtns.io/ytvecoursespfxtoolchain

-------------------------------------------

This video is one of the chapters from the free STARTER bundle of my Mastering the #SharePoint Framework course by Voitanos. You can find the other free videos from the STARTER bundle.

That course contains over 35 hours of in-depth explanation and instructor-led demos teaching you everything about the SharePoint Framework, #SPFx, to become a master.

The #SharePointFramework introduces a completely new development toolchain from traditional SharePoint development. This chapter teaches you what this is all about and how to get your environment set up.


📚 Chapters
-------------------------------------------
00:00 : Introduction
00:00:53 : Chapter Overview
00:05:04 : Working with command prompts
00:10:33 : SharePoint solution & add-in vs. SharePoint Framework development
00:16:35 : SharePoint Framework development toolchain overview
00:25:51 : Setup SharePoint Online development environment
00:30:35 : Set up app catalog
00:31:12 : Create Site Collection
00:33:03 : Node.js & NPM
00:42:42 : Install Node.js with the installer
00:45:55 : Install Node.js with NVM on macOS
00:59:31 : Installing Node.js with NVM on Windows
01:06:03 : Yeoman
01:17:27 : TypeScript & type declarations
01:27:21 : Gulp
01:34:05 : DEMO: Install Gulp
01:37:28 : Webpack
01:43:17 : IDEs & editors


🤓 LEARN MICROSOFT 365 FULL-STACK DEVELOPMENT WITH AC! 👇👇👇

MY FREE MICROSOFT 365 EMAIL & SELF-PACED COURSES
-------------------------------------------
📺 Mastering the SharePoint Framework (Starter Bundle) https://vtns.io/ytvcoursemspfx
✉️ Explore & evaluate the SharePoint Framework https://vtns.io/ytvecourseexplorespfx
✉️ Understand the SharePoint Framework toolchain https://vtns.io/ytvecoursespfxtoolchain
✉️ Microsoft Teams App Development OnRamp https://vtns.io/ytvecoursemsteamsonramp

MY SELF-PACED COURSES
-------------------------------------------
📺 Build Web Parts with the SharePoint Framework (SPFx) https://vtns.io/ytvcoursespfxwp
📺 Extend the SharePoint UX with the SharePoint Framework (SPFx) Extensions https://vtns.io/ytvcoursespfxext
📺 Extend Viva Connections with the SharePoint Framework Adaptive Card Extensions https://vtns.io/ytvcoursespfxace


🔗 RESOURCES
-------------------------------------------
🔗 Want more SPFx? 👉    • START HERE 👉 SharePoint Framework (SPFx)  
🔗 Want more Microsoft 365 app dev? 👉    • START HERE 👉 Microsoft 365 Development  
🔗 Windows Subsystem for Linux (WSL2) https://docs.microsoft.com/windows/ws...
🔗 Cmder http://cmder.net
🔗 iTerm https://www.iterm2.com
🔗 Hyper https://hyper.is
🔗 Microsoft 365 Developer Program https://developer.microsoft.com/micro...
🔗 Microsoft 365 Portal’s https://portal.microsoft.com
🔗 SPFx Docs: Set up your Microsoft 365 tenant https://docs.microsoft.com/sharepoint...
🔗 Download installer from Node.js site https://nodejs.org/en/download/
🔗 Voitanos: Better Node.js installs with NVM https://vtns.io/nz0cUR
🔗 NVM for macOS https://github.com/creationix/nvm
🔗 NVM for Windows https://github.com/coreybutler/nvm-wi...
🔗 NVM for macOS https://github.com/creationix/nvm
🔗 NVM for Windows https://github.com/coreybutler/nvm-wi...
🔗 Debian build-essential package https://packages.ubuntu.com/focal/bui...
🔗 Microsoft: TypeScript http://www.TypeScriptlang.org
🔗 TypeScript Deep Dive (by Basarat Ali Sayed) https://basarat.gitbook.io/typescript
🔗 DefinitelyTyped https://definitelytyped.org/
🔗 TypeScript Type Search https://www.typescriptlang.org/dt/search
🔗 Gulp http://gulpjs.com
🔗 Webpack http://webpack.github.io


🔗 LINKS
-------------------------------------------
Subscribe to "The Full Stack Dev's Microsoft 365 Playbook" ✉️ https://vtns.io/ytvnewsletter - latest Microsoft 365 news & insights for developers
LinkedIn ▶️   / andrewconnell  
Threads ▶️ https://www.threads.net/@andrewconnell1
GitHub ▶️ https://github.com/andrewconnell & https://github.com/voitanos
𝕏 | Twitter ▶️   / andrewconnell  
https://www.andrewconnell.com/links/
Website ▶️ https://www.voitanos.io/