Recommended
More Related Content
What's hot
What's hot (20)
Similar to SharePoint Development in Government Environments
Similar to SharePoint Development in Government Environments (20)
Recently uploaded
Recently uploaded (20)
SharePoint Development in Government Environments
- 2. • B.S. Computer Engineering 2005 • B.S. Computer Science 2005 • SharePoint Developer since 2009 • Experience in • SP2007, SP2010, SP2013, SPOnline • SSOM, CSOM, JSOM, REST • MCTS: Windows Sharepoint Services 3.0 • MCTS: SharePoint 2010, Application Development • MCSD: SharePoint Applications • MCSD: Web Applications
- 3. Challenges Working in Government Environments Modern Web Development Tools SharePoint Solution Types SharePoint REST Framework Overview Build Solutions Upgrade Path
- 4. Restrictions • No Server-Side Access • No Site Collection Administration Access • No SharePoint Designer • Designer Access Only Environments • No Modern Tools • Available Software/Tools Limited • Government Machine • No Local Administration Access • No Add-In Model • SharePoint 2010/2013 No Code!!! • No WSPs • Client-Side Only
- 5. Out of the Box • Built-In WebParts • SharePoint Designer SSOM • WSPs CSOM • Add-In JSOM/REST • Sandbox WSPs • Content or Script Editor WebPart
- 6. Out of The Box • Built-In WebParts (Feature Not Enabled) • SharePoint Designer SSOM • WSPs CSOM • Add-In JSOM/REST • Sandbox WSPs • Content or Script Editor WebPart
- 7. Out of The Box • Built-In WebParts (Feature Not Enabled) • SharePoint Designer (Not Available) SSOM • WSPs CSOM • Add-In JSOM/REST • Sandbox WSPs • Content or Script Editor WebPart
- 8. Out of The Box • Built-In WebParts (Feature Not Enabled) • SharePoint Designer (Not Available) SSOM • WSPs (Doesn’t Upgrade to SPO) CSOM • Add-In JSOM/REST • Sandbox WSPs • Content or Script Editor WebPart
- 9. Out of The Box • Built-In WebParts (Feature Not Enabled) • SharePoint Designer (Not Available) SSOM • WSPs (Doesn’t Upgrade to SPO) CSOM • Add-In (Not Available) JSOM/REST • Sandbox WSPs • Content or Script Editor WebPart
- 10. Out of The Box • Built-In WebParts (Feature Not Enabled) • SharePoint Designer (Not Available) SSOM • WSPs (Doesn’t Upgrade to SPO) CSOM • Add-In (Not Available) JSOM/REST • Sandbox WSPs (Deprecated) • Content or Script Editor WebPart
- 11. Language • JavaScript • TypeScript • React • VueJS • Angular Package •Gulp •Webpack
- 12. Language • JavaScript • TypeScript • React • VueJS • Angular Package •Gulp •Webpack
- 13. Custom Actions • Site Collection • Web Folders/Files • Libraries • Master Page Gallery • WebPart Gallery Web • Content Types (JSLink) • Field (JSLink) Lists • Content Types • JSLink • Fields • Views
- 14. Custom Actions • Site Collection • Web Folders/Files • Libraries • Master Page Gallery • WebPart Gallery Web • Content Types (JSLink) • Field (JSLink) Lists • Content Types • JSLink • Fields • Views
- 15. Background • Introduced in SharePoint 2010 • Does not load on modern pages Deploy Scripts • All Pages in a Site Collection • All Pages in a Web • Source file must be w/in the site collection • Script Block is Available Customize the Site Action Menu • Custom Links • Displayed Based on Permissions Customize the Ribbon Menu • Ribbon Group • Ribbon Buttons
- 16. Custom Actions • Site • Web Folders/Files • Libraries • Master Page Gallery • WebPart Gallery Web • Content Types (JSLink) • Field (JSLink) Lists • Content Types • JSLink • Fields • Views
- 17. Script Editor WebPart • Client-Side • Configuration Manual Deployment • Copy file to WebPart Gallery • Available throughout the Site Collection Page Types • WebPart • Publishing • Wiki Pages
- 18. Documentation • https://gunjandatta.github.io Supported Environments • SP 2013/Online (Classic) • SPFx (Modern) Supported Languages • JavaScript • TypeScript Core • REST API (gd-sprest) Office Fabric-UI • JavaScript (gd-sprest-js) • React (gd-sprest-react) Recommended • Bootstrap (gd-sprest-bs)
- 19. Core (gd-sprest) • Helper • Libs • REST Endpoints • SPTypes Bootstrap (gd-bs) • Components • Web Components (StencilJS) SharePoint Components (gd-sprest-bs) • Date/Time Picker • Field • List Form • List Form Dialog • People Picker WebParts (gd-sprest-bs) • WebPart • List • Search • Tabs • Taxonomy
- 20. Ribbon Button • Generate a button in the top ribbon bar Ribbon Menu Button • Bootstrap menu displayed when clicked List Web Part • Display data in table • Edit form with save capability
- 21. Classic Pages • No Changes Required Modern Pages • SPFx WebPart Other Considerations • Review newer modern tools • Convert to out of the box? • Redesign solution?
Editor's Notes
- 2007 -> MCTS WSS 2010 -> MCTS 2010 2013 -> MCSD SP
- Get crowd information: Developers? Online or On-Prem? 2013? Power-Users?
- Intelink Environment - All Gov to Collaborate You get what you get and you don’t complain Environments -> Not O365 Everyone is talking about O365 solutions and tools. No love for the On-Prem folks in 2013 VSCode -> Thank You Very Much
- What CAN we do currently?
- What’s Left… Use OTB when possible, but what to do when OTB just doesn’t cut it? Thank You Modern Web Tools
- What’s Left… Use OTB when possible, but what to do when OTB just doesn’t cut it? Thank You Modern Web Tools
- What’s Left… Use OTB when possible, but what to do when OTB just doesn’t cut it? Thank You Modern Web Tools
- What’s Left… Use OTB when possible, but what to do when OTB just doesn’t cut it? Thank You Modern Web Tools
- What’s Left… Use OTB when possible, but what to do when OTB just doesn’t cut it? Thank You Modern Web Tools
- See how many people are familiar w/ the modern tools
- Tools we will be using today
- What can we do?
- Custom Action Solutions (Powerful) Customize Ribbon Customize Site Actions Menu Reference a JavaScript File Inject a Script Block
- Custom Actions Upgrade To SPFx
- How do we create reusable solutions? Webparts Upgrade to SPFx
- Concept: A script editor webpart w/ the content filled out to reference our library and solution. (Example – Single Page Application) This sounds too complicated to do. How do we simplify all of this?
- What is this? A lot of github libraries What is the Goal? Provide an easy way to develop client-side solutions in SharePoint 2013+ environments, with an upgrade path to SPFx. Bootstrap library does have Stencil-JS web-components included. The documentation uses web-components for the online examples.
- Doesn’t bootstrap mess with other styling on the page? Targets the “bs” element, so it doesn’t mess w/ the DOM. Reference the documentation. Add issues if you have questions or need help.
- Recommend path for solutions: Keep it in classic mode See what solutions can be converted to new OTB modern tools Redesign the solution, now that restrictions are hopefully lifted Convert solution to SPFx