Part 1 - SharePoint Framework?
What is SharePoint Framework
- SharePoint Framework overview
- SharePoint Framework tools
Preparing your machine for the SharePoint Framework
- Visual Studio Code
- Yeoman - scaffolding
- Node.js/NPM - local hosting and module management
- Phantom.js - headless browser
- Webpack - packaging
- Gulp - build configuration and automation
- Variables, Objects, Arrays and Functions
- Understanding the SharePoint Document Object Model
- Constructors and Prototypes
- Callback pattern
- Option hashing
- The self-invoking function
- Class and Module pattern
Part 3 - Developing Client-Side Web Parts
- Implementing Types, Classes and Inheritance
- Programs and Modules
- Internal and external Modules
Building Client-Side Web Parts
- Client-side web parts fundamentals
- Web Part Project Structure
- Changing the web part property pane
- Loading external frameworks
Loading SharePoint and Office365 data in client web parts
- Working with OData Services
- Discovering the SharePoint REST endpoints
- Office 365 REST API
- Handling cross domain issues with CORS
Extending your Client-Side web part projects
- Adding Multiple web parts to your project
- Share reusable code with multiple web parts / projects
Brand your client web parts with SASS and Office-UI-Fabric
- SASS, the dynamic stylesheet language
- SASS Variables, Mixins, Nesting, functions, ...
- SASS Preprocessing
- Office UI Fabric Components
Client-side data binding with knockout.js
- The need for data binding
- MVVM pattern
- Binding to collections
- Binding to functions
- What is React?
- Writing JSX
- Writing components
Using and building React components for the SharePoint Framework
- Building a SharePoint user interface using React
- Using the existing React components
- Create and use your own React components
Part 5 - Testing and Deployment
SharePoint Framework Testing
- SharePoint Workbench overview
- Debugging your code
- Creating test for your client web part
- Debug and Release builds
- Packaging your web part
- Extending the build process with custom tasks
The SharePoint Framework or SPFx is a brand new development model that allows us to create modern client-side SharePoint experiences.
The first preview was released in August 2016 on SharePoint Online and will become available on SharePoint Server 2016 in 2017.
Most SharePoint developers today are excellent server side .NET developers but lack the required skills to make the transition to this new SharePoint Framework.
tools to start developing with the SharePoint Framework: TypeScript, Node.js, React, Knockout, gulp, yeoman...
Participants of this course should have a basic understanding of web development.
Knowing your way around in SharePoint from an end-user perspective is recommended.