Git, Gulp, Grunt, Node and Code: Making Sense of the Modern SharePoint and Office 365 Development Toolkit

JavaScript was once just a scripting tool for "front-end" developers. Now it’s gone mainstream. And along with it comes a new set of tools that the cool kids use. In this session I’m going to look at some of the new tooling that is being used by web and open-source developers and increasingly in enterprise development and by engineers at Microsoft building the next generation of SharePoint and Office 365 technologies and the SharePoint Framework. We’ll look at the tools, when you would use them, and how they relate to more traditional IDEs like Visual Studio. We’ll also look at JavaScript as a language, including its shortcomings, and how it is changing, along with the role of transpilers like TypeScript. If you are planning to build solutions for Office 365 and SharePoint over the next few years, you need to get up to speed on the modern development toolkit.

In this session you will learn:

  • High-level overview of the modern development toolchain
  • Build tools like Grunt and Gulp
  • Project scaffolding with Yeoman
  • Lightweight editors like Visual Studio Code
  • Using JavaScript as part of the development toolset using Node.JS
  • A brief look at JavaScript frameworks like Angular and React

This session was delivered at the Collab365 Global Conference 2016 and was presented by Bill Ayers.


4.9/5 (6)

Please rate this

Profile photo of Bill Ayers
About The Author
- Bill Ayers is a consultant developer and software architect who has been working on SharePoint since the 2003 version of the product, and is a Microsoft Certified Master and MCSM, SharePoint. He specialises in web content management and Intranet portals. He has over 20 years’ experience in the software industry, and speaks regularly at international conferences and user groups. He is also a moderator on


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">