Developing with the SharePoint Framework
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.
Available formats for this course
In-Person
Live Online
Corporate
Corporate Online
Duration
5 days/40 hours of instructionPricing
Get the full details on this course. Download the .PDF Brochure below:
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
- Commonjs
- 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
Experienced developers who want to start building solutions with SharePoint Framework, including:
- IT Developers
- Web Developers
- SharePoint Administrators
- Database Administrators and Developers
- Technical professionals with development experience
- 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)
Developing with the SharePoint Framework Schedule
Location
Date
Price
Register
There are currently no scheduled classes for this course. Please contact us if you would like more information or to schedule this course for you or your company.