SharePoint Saturday CPT 2017
•Download as PPTX, PDF•
0 likes•33 views
There's a New SharePoint Development Model - SharePoint Framework (SPFx)
![Samuel Molahloe
Principal Consultant
Service Streams
S.O.D.A Streams (patent / law-suit pending)
[S]harePoint | [O]ffice 365 | [D]atabases (SQL Server / Oracle) | [A]zure](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
Recommended
More Related Content
Similar to SharePoint Saturday CPT 2017
Similar to SharePoint Saturday CPT 2017 (20)
Recently uploaded
Recently uploaded (20)
SharePoint Saturday CPT 2017
- 1. SHAREPOINT SATURDAY Cape Town Saturday, October 21, 2017 Sanlam Bellville #SPSCPT @SharePointCPT There's a New SharePoint Development Model in Town - SharePoint Framework (SPFx) Samuel Molahloe
- 2. Samuel Molahloe Principal Consultant Service Streams S.O.D.A Streams (patent / law-suit pending) [S]harePoint | [O]ffice 365 | [D]atabases (SQL Server / Oracle) | [A]zure
- 4. SPONSORS SPS
- 5. SPS What is SharePoint Framework (SPFx) Summary History of SharePoint Development Development Toolchain Setting up the Development Environment Demo - Development | Packaging | Deployment
- 6. 2003 2007 2010 2013 2017
- 7. 2003 2007 2010 2013 2017
- 8. 2003 2007 2010 2013 2017
- 9. 2003 2007 2010 2013 2017
- 10. 2003 2007 2010 2013 2017
- 12. The SharePoint Framework toolchain is the set of build tools, framework packages, and other items that manage building and deploying your client side projects. Development Toolchain
- 14. SPS Setting up the Development Environment
- 15. Your text here Add more text here
- 16. Build Our First WebPart
- 19. SPONSORS SPS
Editor's Notes
- History of SharePoint What is SharePoint Framework? Skills and tools required to start building webparts Installing and configuring the SharePoint Development environment Build webpart Wrap - Summary - Best Practises - Future
- How did we get here and what lessons were learnt along the way Farm Solutions Full-trust code Difficult to maintain and securing the environment
- Sandbox Solutions Too restrictive to deliver real solutions
- How did we get here and what lessons were learnt along the way Farm Solutions Full-trust code Difficult to maintain and securing the environment Sandbox Solutions Too restrictive to deliver real solutions Sandbox Solutions Too restrictive to deliver real solutions
- How did we get here and what lessons were learnt along the way Farm Solutions Full-trust code Difficult to maintain and securing the environment Sandbox Solutions Too restrictive to deliver real solutions Sandbox Solutions Too restrictive to deliver real solutions
- How did we get here and what lessons were learnt along the way Farm Solutions Full-trust code Difficult to maintain and securing the environment Sandbox Solutions Too restrictive to deliver real solutions Sandbox Solutions Too restrictive to deliver real solutions
- The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one. The SharePoint Framework works for SharePoint Online and soon also for on-premises (SharePoint 2016 Feature Pack 2) A controlled and supported way to allow injection of custom functionality Works in both classic site collections and modern team sites Cross Platform – works in any platform
- The toolchain helps you build client-side components like web parts. It also helps you test them in your local development environment with tools such as the SharePoint Workbench. And you can use the toolchain to package and deploy to SharePoint. The toolchain also provides you with a set of build commands that help you to complete key build tasks such as code compilation, packaging the client-side project into a SharePoint app package and more.
- NPM manages dependencies and other required JavaScript helpers. npm is typically included as part of Node.js setup. Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. Using the yeoman SharePoint generator, developers are able to scaffold new client-side solution projects to build, package and deploy SharePoint solutions. The generator provides common build tools, boilerplate code, and a common playground web site to host web parts for testing. Webpack is a module bundler that takes your web part files an dependencies and generates one or more JavaScript bundles so you can load different bundles for different scenarios.
- What is NodeJS and how it came about – Chrome’s V8 JavaScript engine. - http://cmder.net
- Install NodeJS Long Term Support (LTS) version. If you have NodeJS already installed please check you have the latest version using node -v. It should return the current LTS version. If you are using a Mac, it is recommended you use homebrew to install and manage NodeJS. Install Gulp npm install –g gulp Install Yeoman npm install –g yo Install Yeoman SharePoint Generator Templates npm install –g @microsoft/generator-sharepoint Install Developer Certificate gulp trust-dev-cert
- Basic of the code How the client webpart is structured yo @microsoft/sharepoint SharePoint Framework comes with a developer cert gulp trust-dev-cert
- Package.json is the best way to get introduced to a NodeJS project DevDependencies are not packaged for production deployment Actual Code Src folder .TS extends BaseClientSideWebPart