Sivarajan's Blog

SharePoint | Office 365 | Azure | JavaScript

SharePoint Framework – A Beginner series for SharePoint developer

Overview

Microsoft announced on May 4, a new modern web development model for SharePoint called the SharePoint Framework. We already have a multiple development approaches for SharePoint,

  • SharePoint Farm Solution (WSP)
  • Sandbox solution
  • Add-ins / App for SharePoint

But the new model exclusively focused on client side development and it does not replace the existing development models.

High level advantages of SharePoint Framework

Here I have captured the advantage of SharePoint Framework at high level,

  1. Enhancing the out of box experience.
  2. Seamlessly it will work in desktop, tablet and mobile devices.
  3. It also has a backward compatibly and later smoothly we can migrate to SharePoint online or latest SharePoint on-premises.
  4. Building a custom Internet or Intranet portals
  5. Building a custom Webpart development.
  6. Unlike farm solution, don’t want to recycle the worker process for each SharePoint Framework deployments.
  7. SharePoint Framework is open and there won’t be any secret in the development approaches. It help us to use the Microsoft best practices in our custom developments.

What is SharePoint Framework?

There are plenty of articles are available, to know more about what is SharePoint Framework and how it is different from existing development models and as a SharePoint developer, where to start and how to transform from traditional SharePoint development to modern web development.

SharePoint Framework development related links

Here I have listed out the important links to know more about SharePoint Framework.

Microsoft SharePoint Blog

The Future of SharePoint - https://blogs.office.com/2016/05/04/the-future-of-sharepoint/

The SharePoint Framework—an open and connected platform - https://blogs.office.com/2016/05/04/the-sharepoint-framework-an-open-and-connected-platform/

SharePoint—the mobile and intelligent intranet - https://blogs.office.com/2016/05/04/sharepoint-the-mobile-and-intelligent-intranet/

Your intranet in your pocket—the SharePoint mobile app for iOS is now available https://blogs.office.com/2016/06/21/your-intranet-in-your-pocket-the-sharepoint-mobile-app-for-ios-is-now-available/

Wictor Wilén Blog

SharePoint Framework - Initial Questions and Answers - http://www.wictorwilen.se/sharepoint-framework-initial-questions-and-answers

CHRIS O'BRIEN Blog

Overview of the new SharePoint – modern team sites, pages, web parts and applications-http://www.sharepointnutsandbolts.com/2016/05/Modern-Team-Sites-Pages-Apps.html

The new SharePoint development model – client web parts, JavaScript frameworks, npm, Gulp, TypeScript etc. - http://www.sharepointnutsandbolts.com/2016/05/the-new-sharepoint-development-model.htm

Develop a client web part in the SharePoint Framework - a walk-through - http://www.sharepointnutsandbolts.com/2016/06/develop-client-web-part-in-sharepoint-framework.html

Understanding the web part manifest, bundle.json and other key files and folders in the SharePoint Framework - http://www.sharepointnutsandbolts.com/2016/07/web-part-manifest-bundle-json-framework.html

Waldek Mastykarz Blog

Everything you need to know about the SharePoint Framework - https://blog.mastykarz.nl/everything-about-sharepoint-framework/

What you should learn to prepare for developing solutions on the SharePoint Framework - https://blog.mastykarz.nl/learn-sharepoint-framework/

Cooking in the SharePoint Dev Kitchen - https://blog.mastykarz.nl/sharepoint-dev-kitchen/

Searching in SharePoint using React and Webpack- https://blog.mastykarz.nl/searching-sharepoint-react-webpack/

When to use the new SharePoint Framework - https://blog.mastykarz.nl/when-use-sharepoint-framework/

Blueprint for building React web applications with TypeScript and Webpack - https://blog.mastykarz.nl/blueprint-for-building-react-web-applications-with-typescript-and-webpack-2/

Getting started on the web stack - Office Dev PnP Web Cast - https://blog.mastykarz.nl/getting-started-web-stack-office-dev-pnp-web-cast/

Is it worth preparing for the SharePoint Framework already? - https://blog.mastykarz.nl/worth-preparing-sharepoint-framework/

Getting started with SharePoint Framework - Office Dev PnP Web Cast - https://blog.mastykarz.nl/getting-started-sharepoint-framework-office-dev-pnp-web-cast/

The anatomy of a modern SharePoint solution - https://blog.mastykarz.nl/anatomy-modern-sharepoint-solution/

Preparing for SharePoint Framework - What should I learn? - https://blog.mastykarz.nl/preparing-sharepoint-framework-what-learn/

upload-cdn - Is that the ALM story for SharePoint Framework? - https://blog.mastykarz.nl/upload-cdn-alm-sharepoint-framework/

SharePoint Saturday Netherlands 2016 - slides available - https://blog.mastykarz.nl/sharepoint-saturday-netherlands-2016-slides-available/

Converting existing JS apps to SharePoint Framework - SharePoint Dev PnP Web Cast - https://blog.mastykarz.nl/convert-javascript-apps-sharepoint-framework/

Andrew Connell

Future of SharePoint, Microsoft Cloud Show Episode 127 and my Thoughts on Another SharePoint Dev Model - http://www.andrewconnell.com/blog/future-of-sharepoint-and-microsoft-cloud-show-episode-127

Future of SharePoint Event Recap and SharePoint Server 2016 with Todd Klindt - http://www.andrewconnell.com/blog/mscloudshow-episode-128-is-live-future-of-sharepoint-event-recap-and-sharepoint-server-2016-with-todd-klindt

SharePoint Framework with Marc Anderson - http://www.andrewconnell.com/blog/mscloudshow-episode-138-is-live-sharepoint-framework-with-marc-anderson

Stefan Bauer Blog

Web stack development – A 19 year old love – Office PNP Webcast - http://www.n8d.at/blog/web-stack-development-a-19-year-old-love-office-pnp-webcast/

First new SharePoint Framework web parts arrived on Office 365 - http://www.n8d.at/blog/first-new-sharepoint-framework-web-parts-arrived-on-office-365/

The new document library in SharePoint is built with.. http://www.n8d.at/blog/the-new-document-library-in-sharepoint-is-built-with/

Sahil Malik Blog

SharePoint App Model : Rest in peace - http://blah.winsmarts.com/2014-12-SharePoint_App_Model___Rest_in_peace.aspx

Tobias Zimmergren

Introducing the SharePoint Framework - The new developer experience for SharePoint - https://zimmergren.net/introducing-the-sharepoint-framework-the-new-developer-experience-for-sharepoint/

Mark D Anderson’s Blog

SharePoint Framework – Initial Questions and Answers - http://sympmarc.com/2016/05/10/sharepoint-framework-initial-questions-and-answers/

When SharePoint Framework will available?

Jeff Teper mentioned in Future of SharePoint event, Microsoft is planning to release the SharePoint Framework by this summer and this is a right time to gain the knowledge about that.

Is there any prerequisites for SharePoint Framework development?

There are few prerequisites are required for getting into the SharePoint Framework development.

  • Node.Js
  • NPM (Node Package Manager)
  • Gulp / Webpack
  • AngularJs / KnockoutJs / ReactJs
  • Typescript
  • Karma and Jasmine
  • Microsoft Graph / SharePoint REST API

SharePoint Framework – Beginner series for SharePoint developer

Based on the prerequisites, I have planned to write the beginner series for SharePoint developer who is aspiring to expand their SharePoint expertise in to modern web development.

Part 1: How SharePoint Developers can extend their expertise to modern web development?

Part 2: SharePoint Framework –Installing and Configuring NodeJs and NPM

Part 3: SharePoint Framework –Installing Visual Studio Code and enabling IntelliSense for JavaScript

Part 5: SharePoint Framework – Create a project folder structure and install packages from NPM and bower

Part 6: SharePoint Framework – Step by Step guide for build automation using Gulp

Part 7: SharePoint Framework - Create a AngularJs Views using Office UI Fabric

Part 8: SharePoint Framework – Create a Controller and Services using Typescript

Part 9: SharePoint Framework – What is PnP-Js-Core and how to use with Client WebPart development?

Part 10: SharePoint Framework – What is ng-OfficeUIFabric and how to use with Client WebPart development?

Part 10: SharePoint Framework – Unit testing with Karma and Jasmine.

Part 11: SharePoint Framework – What is Yeoman and scaffolding?

Part 12: SharePoint Framework – Create and host a Azure App Service and consume from Client WebPart?

Follow twitter accounts to get the quick updates about SharePoint Framework

https://twitter.com/jeffteper

https://twitter.com/chakkaradeep

https://twitter.com/waldekm

https://twitter.com/wictor

https://twitter.com/ChrisO_Brien

https://twitter.com/StfBauer

https://twitter.com/williambaer

https://twitter.com/sympmarc

https://twitter.com/andrewconnell

https://twitter.com/sahilmalik

https://twitter.com/vesajuvonen

https://twitter.com/richdizz

Pingbacks and trackbacks (1)+

Add comment

Loading