What email address or phone number would you like to use to sign in to Docs.com?
If you already have an account that you use with Office or other Microsoft services, enter it here.
Or sign in with:
Signing in allows you to download and like content, and it provides the authors analytical data about your interactions with their content.
Embed code for: PnP Web Cast - Preparing for SharePoint Framework
Select a size
Presentation for a web cast available from http://aka.ms/OfficeDevPnPVideos.
Preparing for SharePoint Framework – What should I learn?
Waldek Mastykarz - MVP
Man and the myth
Senior Program Manager
“Sharing is caring”
Monthly community calls
Office 365 development
SharePoint Extensibility Principles Build long-term, value-added services for enterprise mobility
To provide an Application Development Framework that aligns 1st and 3rd parties
To build industry leading client side solutions On-Premises and in the Cloud
Unlocking the potentials of SharePoint and the Microsoft Graph on desktops or any device
SharePoint Framework – All about typical web stack tooling
Typical tooling for SharePoint Framework
Visual Studio (Code)
Frameworks – Choose yours
Web stack tooling compared to classic MS tools
Node.js – Development time hosting
Development-time hosting platform
Can be considered as the IIS Express in typical Microsoft stack
Can also work as backend system with server-side code, if needed
npm – Node Package Manager
> npm install typescript --save-dev
Similar ways as NuGet is for .NET framework managed cod
Used to consume 3rd party libraries in your customizations
You can also share your own packages in npm for the benefit of others
Yeoman - Templates
> yo office
Scaffolding tool for development projects
Used to deliver SharePoint Framework templates to your development machine
Installed to your machine using npm
gulp – Your task and build manager
> gulp serve
Provides automation for your build tasks
Platform-agnostic simple solution with strong ecosystem
Task manager in similar ways as MS Build has been classically for Visual Studio projects
Development language for the base templates in SharePoint Framework
No need to rewrite everything
Office UI Fabric – UI framework for SharePoint
Fabric is a responsive, mobile-first collection of styles and components for your customizations
Ready to use components and templates for providing consistency cross applications
Office UI Fabric natively supported in SharePoint for your SP Framework customizations
What are the different technologies used in SharePoint Framework?
“I want to use Angular or Knockout in my development, is that fine?”
“I want to use Visual Studio as my development platform, what now?”
How to use Visual Studio with Node.js projects
Training Path – How to master SP Framework?
Learn used technologies – Web stack tooling
Install node.js and cmd tooling for testing web stack development on your computer
Learn webpack for bundling your applications
Light-weight frameworks - Knockout, Handlebars etc.
Fully-fledged frameworks – Angular, React, Ember etc.
Get understanding on how they can be used and what the benefits are of using them
Learn Office UI Fabric usage
By default available for SP Framework customizations. Other UX frameworks can also be used
Getting started – Node.js and Cmd-tooling
Install cmd-tooling of your choice
Windows – cmder -
Mac – oh my zsh -
Install code editor/IDE of your choice
Visual Studio Code -
Start testing with web stack
Notice. There are multiple difference options for these tools, you can use your own preference.
Resources – what to checkout now
Node.js and npm -
Office UI Fabric -
© 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
Over the past several years, with the evolution of Office 365, development of SharePoint solutions has encountered a new set of challenges: while on one hand IT and Tenant administrators require a new set of tools to control how data get accessed and consumed in their tenancies, developers, on the other hand, want to programmatically control the whole lifecycle, experience, and data access capabilities of a Site.
Unfortunately, developers today find themselves constraint around building app parts as a result of iFrames, a reduced set of APIs, and no integration with cross Office 365 workloads. This in turn limits their ability to develop powerful portals that extend SharePoint.
The client-side development framework will deliver capabilities that will help both first party and third party developers build powerful, rich applications and provide an enjoyable web experience in Office 365 for end users that are both intuitive and simple to consume.
SharePoint will also support open source tooling to drive greater efficiencies when developing Parts and Apps. These tools should not be considered a replacement of an organizations traditional tools, but rather an extension of those, providing new opportunities to quickly get up and running with SharePoint development. If you’re familiar with Visual Studio development with SharePoint, this tools carry a lot of similarities with the tools you may already be familiar with for example:
Yeoman provides a generator ecosystem. A generator is basically a plugin that can be run with the `yo` command to scaffold complete projects or useful parts.
yo scaffolds out a new application, writing your build configuration (e.g Gruntfile, Gulpfile) and pulling in relevant build tasks and package manager dependencies (Bower, npm) that you might need for your build. This is similar to Project Scaffolding in Visual Studio.
Automation - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow.
Platform-agnostic - Integrations are built into all major IDEs and people are using gulp with PHP, .NET, Node.js, Java, and other platforms.
Strong Ecosystem - Use npm modules to do anything you want + over 2000 curated plugins for streaming file transformations
Simple - By providing only a minimal API surface, gulp is easy to learn and simple to use
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
Office Developer Platform
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.k
Yeoman provides a generator ecosystem. A generator is basically a plugin that can be run with the `yo` command