How to set up the Development Environment | SharePoint Framework for Beginners (SPFx) 2021 E02
Вставка
- Опубліковано 29 вер 2024
- #spfx #sharepoint #webpart
Beginners guide to developing in the SharePoint Framework (SPFx) version 1.11 (Soon 1.12).
Whether you develop in Javascript or a Javascript framework such as ReactJS or VueJS, you will benefit from this weekly series.
Source Code
github.com/Yor...
Chapters
0:18 - Quick Review of Episode 1 and Introduction to Episode 2
0:44 - Development Steps (Explanation)
1:43 - Step #1 - Visual Studio Code
2:04 - Step #2 - Node JS
3:05 - Step #3 - Gulp
3:36 - Step #4 - Yeoman (Yo)
4:38 - Step #5 - Modern Browser
5:00 - Step #6 - BUILD A WEBPART!
7:00 - Review and What's Coming Next
What's Next if you subscribe
The next planned episodes are:
1. Build your first out of the box webpart using Yeoman (Yo) and Adding Webpart Content (ReactJS, ReactJS Hooks, VueJS & JavaScript)
2. Webpart Properties
3. Themes (Changing colors based on section color changes)
4. Introduction to PnP controls and Properties
5. Reading and Writing to SharePoint Lists
6. Build and Deploy (Including AppSource)
Links
Microsoft Guide to accompany this video
docs.microsoft...
Visual Studio Code
code.visualstu...
Node JS
nodejs.org/
Edge Browser
microsoftedgew...
Our gear - click through to support our channel! :)
Camera (Canon M50)
UK: amzn.to/3sUbzuL
US: amzn.to/3uBsG5c
Camera mic (RODE VideoMic Pro)
UK: amzn.to/3ml8xgC
US: amzn.to/2RkGxyi
Camera tripod (Manfrotto Compact tripod):
UK: amzn.to/3fJGyWU
US: amzn.to/3mF4oV2
Voiceover Mic (Blue Yeti)
UK: amzn.to/2PV7UOQ
US: amzn.to/3uMiEym
Chris's dev mouse for PC (Logitech MX Master 3)
UK: amzn.to/39K7BNV
US: amzn.to/3uKYvso
Chris's dev keyboard for PC (Logitech MX Keys)
UK: amzn.to/3rSbHcX
US: amzn.to/3a6Unef
Rob's dev keyboard for Mac (Apple Magic Keyboard)
UK: amzn.to/3dEQpKG
US: amzn.to/3sb6JZc
Rob's dev mouse for Mac (Apple Magic Mouse)
UK: amzn.to/3sRCQhr
US: amzn.to/3mFi6qS
Assets
All music and sound licensed from www.epidemicso...
Thumbnail produced with www.canva.com/
Video Edited with Davinchi Resolve 16 www.blackmagic...