Overview
This five-day official Microsoft course teaches attendees how to create client-side applications with SharePoint Framework. In addition, this is a SharePoint development training course, so students will learn to integrate the JavaScript library React to build client-side web parts, extensions, and field customizers within SharePoint.
- Work with open source tools Node.js, Yeoman, Gulp
- Prepare a machine for SharePoint Framework development
- Work with npm modules inside their project
- Build client-side web parts with SharePoint Framework
- Build UI extensions like field customizers or command sets with SharePoint Framework
- Write and understand JavaScript
- Use advanced JavaScript patterns like Module and Class
- Write and compile TypeScript
- Include other libraries inside their SharePoint Framework project
- Style their components with Sass (Syntactically Awesome Style Sheets)
Course Outline
Part 1: Introduction
Part 2: Sharepoint Framework Overview
- What Is Sharepoint Framework
- Why Sharepoint Framework?
- Modern Toolchain
- The Future
Part 3: Preparing Your Machine for the Sharepoint Framework
- Setup Office 365
- Software Installation
Part 4: Node.Js Modules
- Modules
- Creating a Project
- Using Modules
- Commons
- Important Modules
Part 5: Sharepoint Framework Client Web Parts
- What Is a Client Web Part?
- Creating a Project
- Exploring Project Contents
- Running Your Project
- Gulp Tasks
- Web Part Configuration
Part 6: Javascript Introduction
- What Is Javascript
- What Is Ecmascript
- Using Libraries to Extend Javascript Functionality
- Debugging Javascript with the Browser Debugger
Part 7: Javascript Language
- Variables, Objects, Arrays and Functions
- Javascript Scopes and Closures
- Function Parameters
- Function Constructors
- Prototypes
- Error Handling
Part 8: Javascript Patterns
- Callback Pattern
- Options Hashing
- Self-invoking Functions
- Class Pattern
- Module Pattern
- The Self-reference
Part 9: Typescript
- What Is Typescript
- Using Typescript in Your Project
- Variables
- Functions
- Interfaces and Classes
- Modules and Namespaces
Part 10: Client Web Part Properties
- Adding Properties
- Using Properties
- Preconfigured Entries
- Dynamic Data
- Custom Properties
- Advanced Configuration
Part 11: Loading Frameworks and Libraries
- Considerations
- Npm Package
- Loading from a Url
- Loading a Local Copy
- Loading Jquery and Plugins
- Component Loader
Part 12: Sass
- What Is Sass?
- The Language
- Variables
- Types
- Comments
- Nested Rules and Properties
- Partials
- Extend
- Mixins
- Functions
Part 13: Loading Sharepoint Data in a Client Web Part
- Loading Sharepoint Data
- Page Context
- Web Services Overview
- Rest and Odata Fundamentals
- Sharepoint Rest Api’s
- Ajax
- Framework Httpclient
- Solving Cross-domain Issues with Cors
Part 14: Build and Deploy Your Sharepoint Framework Project
- Build and Deploy a Framework Solution
- Overview
- Building
- Deployment
Part 15: React
- What Is React Js
- Model View Viewmodel (Mvvm)
- React Components
- What Is Jsx
- Html Tags Vs React Components
- Creating Components
- Javascript Expressions
- Jsx Gotchas
- Relationship with State Machines
- Handling Component State
- Adding Interactivity by Means of Events
- Using Multiple Components
- Transferring Props Between Components
- The Lifecycle of a Component
- Alternative Syntax
- Sharepoint Framework and React
Part 16: Framework and Office-ui-fabric
- What Is Office Ui Fabric?
- Office Ui Fabric Versions
- Fabric Core Styles
- Example Uses
- Fabric Components
- Fabric Js
- Ngofficeuifabric
- Fabric React
Part 17: Deploying Sharepoint Artifacts
- Deploying Sharepoint Artifacts
- Deployment Options
- Asset Types
- Features
Part 18: Microsoft Graph
- Introduction to Microsoft Graph
- Authentication Providers
- Microsoft Graph Api
- Development
Part 19: Sharepoint Framework Extensions
- Extensions Overview
- Creating Extensions
- Application Customizers
- Field Customizers
- Command Sets
Part 20: Webpack
- What Is Webpack
- Entries and Outputs
- Using Loaders
- The Need for Plugins
Part 21: Gulp
- Installing Gulp as a Node Module
- Gulp Primitives
- Gulp by Example
Part 22: Unit Testing Web Parts
- Included Test Frameworks
- Running Tests
- Component Testing
Part 23: Conclusion
This course is also offered on our public schedule:
Contact us here.