Tooling up for SharePoint Framework

SharePoint developers looking to use the new SharePoint Framework must first become comfortable with several new tools and technologies. This course introduces and demonstrates each component of the SharePoint Framework development toolchain.
Course info
Rating
(48)
Level
Beginner
Updated
Mar 29, 2017
Duration
1h 13m
Table of contents
Description
Course info
Rating
(48)
Level
Beginner
Updated
Mar 29, 2017
Duration
1h 13m
Description

At the core of developing solutions using the SharePoint Framework is a thorough knowledge of modern web development tools and technologies. In this course, Tooling up for SharePoint Framework, you'll learn how to stand up a new SharePoint Framework development environment. First, you'll explore the roles played by npm and Node.js in the SharePoint Framework development toolchain. Next, you'll discover how to leverage Yeoman, TypeScript, and Gulp when building SharePoint Framework projects. Finally, you'll learn how to test your SharePoint Framework projects using the Workbench. When you're finished with this course, you'll have a foundational knowledge of the SharePoint Framework developer toolchain that will help you, as you move forward, to build modern client-side solutions that runs on top of SharePoint.

About the author
About the author

Danny Jessee is a senior SharePoint developer in the Washington, DC metro area. For over ten years, he has specialized in the development of custom SharePoint solutions for federal government, military, and corporate clients.

More from the author
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, my name is Danny Jessee. Welcome to my course, Tooling up for SharePoint Framework. I am a senior SharePoint developer based in the Washington D. C. area. Any SharePoint developer looking to build customizations using the new SharePoint Framework must first become comfortable with several new tools and technologies, many of which may be unfamiliar to anyone who has built legacy customizations exclusively in Visual Studio. This course provides concise overviews and demonstrations of each component of the new open source cross- platform SharePoint Framework development toolchain. This course is a brief introduction to Microsoft's new developer story, for client-side customizations running on top of SharePoint, and no prior experience with any of the tools or technologies covered in this course is required. Some of the major topics that we will cover include, installing and configuring prerequisite tools such as Node. js and npm, scaffolding a new SharePoint Framework project using Yeoman, using Visual Studio Code and TypeScript in SharePoint Framework development, building and deploying SharePoint Framework projects using Gulp tasks, and testing SharePoint Framework customizations using the Workbench. By the end of this course, you will be able to stand up a SharePoint Framework development environment, and create your first SharePoint Framework project. Before beginning this course, you should have some familiarity with SharePoint web parts, and previous approaches for developing SharePoint customizations. But even if you are brand new to SharePoint development, this course is for you. I hope you'll join me on this journey to learn how to develop modern client-side customizations to SharePoint, with this course, Tooling up for SharePoint Framework, at Pluralsight.

Preparing a New SPFx Environment with Node.js and npm
Hi, this is Danny Jessee, and I would like to welcome you to module two of this course, Preparing a New SharePoint Framework Environment with Node. js and npm. In this module, we will learn about Node. js and the role it plays in SharePoint Framework development as a JavaScript runtime. We will also discuss the Node package manager, or npm, and how it is used to install required modules and manage dependencies as we set up the prerequisites for the SharePoint Framework. We will demonstrate the process of installing Node. js and npm in a clean, Windows-based development environment, and download some of the required modules to get up and running.

Scaffolding New SPFx Projects with Yeoman
Hi, this is Danny Jessee, and I would like to welcome you to module three of this course, Scaffolding New SharePoint Framework Projects with Yeoman. In this module, we will introduce Yeoman as a scaffolding tool for new development projects with a single command. We will learn about the generator framework used by Yeoman, and how Microsoft is leveraging Yeoman in the SharePoint Framework development toolchain through its Yeoman SharePoint web part generator. We will demonstrate the process of installing Yeoman, and the Yeoman SharePoint web part generator in our development environment, and run the generator to scaffold our first client-side web part.

Managing SPFx Projects with Visual Studio Code
Hi, this is Danny Jessee, and I would like to welcome you to module four of this course, Managing SharePoint Framework Projects with Visual Studio Code. In this module, we will introduce Visual Studio Code, Microsoft's free cross-platform code editor that is geared toward building modern web applications. We will download and install Visual Studio Code in our local development environment and explore some of its features. We will then open the new SharePoint Framework client-side web part project we created in module three, and navigate its file and folder structure.

Coding SPFx Web Parts with TypeScript
Hi, this is Danny Jessee, and I would like to welcome you to module five of this course, Coding SharePoint Framework Web Parts with TypeScript. In this module, we will introduce TypeScript as a superset of JavaScript that adds a strongly typed, object-oriented layer, allowing you to define classes and interfaces in a way that traditional JavaScript cannot easily do. We will discuss the benefits of using TypeScript over JavaScript for client-side development, especially if you already have experience developing with a strongly typed language, such as C#. Finally, we will see how the SharePoint Framework uses TypeScript in the files that are included with the Hello World client-side web part project.

Automating SPFx Development and Deployment Tasks with Gulp
Hi, this is Danny Jessee, and I would like to welcome you to module six of this course, Automating SharePoint Framework Development and Deployment Tasks with Gulp. In this module, we will introduce Gulp as an automated build task runner that is built on Node. js. Build tasks runners like Gulp are especially useful during the development process to automate repetitive processes in response to specific events being raised during a build. Microsoft leverages Gulp in the SharePoint Framework development toolchain through a series of common build tasks that are written in JavaScript. We will install Gulp in our development environment, and examine some of the Gulp tasks that are used when building, packaging, and deploying our client-side web parts. We will also see how to extend the SharePoint Framework build pipeline by defining custom Gulp tasks.

Testing SPFx Web Parts with the Workbench
Hi, this is Danny Jessee, and I would like to welcome you to module seven of this course, Testing SharePoint Framework Web Parts with the Workbench. In this module, we will introduce the SharePoint Workbench as a way for developers to quickly preview and test client-side web parts built using the SharePoint Framework, without having to package and deploy them to an app catalog on a live SharePoint site. The SharePoint Workbench can be served from you local development machine or from SharePoint Online. We will discuss when you may want to use each version of the Workbench and see examples of both.