Mastering Modern SharePoint and Office 365 Development

About this course

Modern SharePoint and Office 365 Development is an intensive five-day training course designed to teach professional developers and architects how to create custom solutions for SharePoint Online and Office 365 using modern developer tools and today’s best practice techniques. This course provides deep coverage of the SharePoint Framework, but it first spends the time to teach the prerequisites including TypeScript, Node.js, NPM, Gulp, Webpack, Visual Studio Code and the ever-popular React.js library. This course is well suited for experienced SharePoint developers looking to move beyond legacy development models such as SharePoint Farm Solutions and SharePoint Add-ins.

In addition to learning to develop with the SharePoint Framework, this course teaches students how to secure custom applications with Azure Active Directory and how to write code to authenticate users, acquire access tokens and execute authorized web service calls against commonly-used Microsoft APIs including the SharePoint Rest API, the Microsoft Graph API and the Power BI Service API.

At course completion

  • Understanding SharePoint Development Strategies
  • Programming the Client-side Object Model (CSOM)
  • Understanding Azure as a Development Platform
  • Using Azure to create Web Apps and SQL Databases
  • Developing with TypeScript and Interfaces
  • Developing Client-side with Strongly-typed Programming
  • Introduction to Node.JS and NPM
  • Installing and Updating Packages in Visual Studio Code
  • Adding TypeScript Support to a Node.js Project
  • Configuring Node.js with Server-side Debugging Support
  • Using Gulp to Automate Running Development Tasks
  • Developing Projects using Webpac
  • Creating SPAs using React.js and TypeScript
  • Designing a React Component Hierarchy
  • Using JSX/TSX Syntax to Generate HTML
  • Understanding the React Component Lifecycle Methods
  • Calling Across the Network using the Fetch API
  • Extending a React Project with the React Router
  • Creating SPFX Projects using the Yeoman Generator
  • Testing & Debugging Projects in SharePoint Workbench
  • Creating Application Customizers
  • Creating Field Customizers and Command Sets.
  • Creating a Web Part with Custom Properties
  • Managing Styles using SCSS Files and CSS Modules
  • Designing and Developing React Web Parts
  • Web Part Properties versus React Component State
  • Leveraging the Office UI Fabric React Library
  • Developing Web Parts using the SharePoint REST API
  • Designing Web Parts to Manage SharePoint Lists
  • Displaying a Loading Indicator When Retrieving Data
  • Creating the App Catalog Site in SharePoint Online
  • Packaging SPFX Solutions for Production
  • Packaging JavaScript Libraries as External References
  • Customizing SPFX Builds with Gulp and Webpack
  • Publishing and Updating SPFX Solutions
  • Installing an SPFX Solution in a SharePoint Site
  • Overview of Microsoft Graph API
  • Programming with AadHttpClient and MSGraphClient
  • Configuring SPFX API Permission Requests
  • Granting API Permissions in SharePoint Admin Center
  • Creating Users and Groups in Azure AD
  • Programming Email Messages and Calendar Events
  • Introducing Power BI and the Power BI Service API
  • Calling the Power BI Service API using AadHttpClient
  • Overview of the Embedding Features in Power BI
  • Retrieving Embedding Data with the Power BI Service API
  • Embedding Reports with the Power BI JavaScript API
  • Writing Code to Interact with an Embedded Report
  • Understanding OAuth 2.0 and OpenID Connect
  • The Role of Azure Active Directory
  • Creating & Configuring Azure AD Applications
  • Securing MVC Applications using ADAL and OWIN
  • Securing SPAs using ADAL.js & Implicit Grant Flow
  • Understanding the Teams Service, Teams and Channels
  • Developing Team Apps with Tabs, Bots and Connectors
  • Developing a Teams App using App Studio
  • Developing a Teams App using Visual Studio and C#
  • Developing a Teams App using Node.js
  • Packaging and Publishing a Microsoft Teams App
  • Introduction to Developing with Azure Functions
  • Creating and Testing Azure Functions in the Azure Portal
  • Using Azure Functions to Create a Custom Web API
  • Configuring Security and Cross-Origin Resource Sharing
  • Calling Azure Functions from SPFX Web Parts
  • Developing Azure Function in Visual Studio using C#
  • Understanding Webhooks Architecture
  • Creating SharePoint Webhooks using Azure Functions
  • Registering Webhooks on a SharePoint List
  • Programming using the Webhooks Callback Protocol
  • Registering Webhooks using the Microsoft Graph API
  • Using Webhooks to Detect Changes to Users, Groups, Messages and Events

 

Module 1

This module examines SharePoint Online development strategies and discusses the evolution of modern pages and Microsoft Teams into the SharePoint user experience. Students will learn to program using the Client-side Object Model (CSOM) using C# to automate remote provisioning tasks such as creating SharePoint sites and customized lists. Next, the module provides an overview of Microsoft Azure as a cloud-based development platform and demonstrates how to create essential on-demand services such as Azure Web Apps and Azure SQL databases. The module concludes with a TypeScript primer where students will learn to develop with TypeScript in Visual Studio 2017 to write client-side code using interfaces and strongly-typed programming.

Module 2

This module introduces students to developing software projects using Node.js and Node Package Manger (npm). Students will learn to use npm together with Visual Studio Code to manage software projects and to install external packages. The module explains how to configure a new project with support for TypeScript and how to add the packages for typed definition files for popular JavaScript libraries such as jQuery. The module demonstrates configuring a project with a local web server to test and debug project files using the HTTP protocol. The module introduces students to Gulp and demonstrates how to write and run Gulp tasks to automate developer tasks such as compiling TypeScript into JavaScript and starting up a debugging session. The module concludes by examining Webpack and teaching students how to use Webpack to bundle a project’s source files into a single file for distribution.

Module 3

This module introduces students to React.js and examines how React.js uses a component-based architecture and a virtual DOM to optimize performance. Students will learn to create and configure new Node.js projects as a Single Page Application (SPA) using React.js together with TypeScript and Webpack. The module walks through how to design an SPA by creating a hierarchy of React components which define properties, state and event handlers. The module introduces JSX and teaches students the essential concepts and syntax for writing TypeScript code in a TSX file to generate the HTML for a React component. Along the way, students will learn how to integrate the React Router into an SPA project to provide navigation across multiple views.

Module 4

This module introduces students to the SharePoint Framework (SPFX) and the extensive API it provides for client-side development. Students will learn to create new SPFX projects using the Yeoman generator and to develop SPFX projects using Visual Studio Code. The module examines the different types of components that can be created with SPFX including Web Parts, Application Customizers, Field Customizers and Command Sets. Students will learn how to extend a Web Part with custom properties that can be viewed and edited by users in the Web Part Properties Pane. The module also teaches best practices for managing CSS styles in an SPFX project using SCSS files and CSS modules. Students will learn how to test and debug SPFX projects in the local SharePoint Workbench as well as in the hosted SharePoint Workbench running inside a test site in SharePoint Online.

Module 5

This module moves beyond SPFX fundamentals to examine the process of developing SPFX Web Parts for real-world scenarios. The module explains how to develop React Web Parts with a design that coordinates the movement of data between the Web Part class which defines persistent properties and the React component class which defines state. The module also teaches students how to leverage the Office UI Fabric React library to create a user interface using standard React components such as PrimaryButton, TextField and DetailsList. The module demonstrates how to develop Web Parts which use the SharePoint REST API to create new SharePoint lists and to update and query SharePoint list items. Along the way, students will learn essential SPFX programming techniques for executing calls asynchronously and for updating the user interface with a loading indicator whenever the user is waiting for a call to return from across the network

Module 6

This module examines the process of application lifecycle management (ALM) with SharePoint Framework solutions. The module explains the role of the App Catalog and walks through how to create a new App Catalog site for a SharePoint Online tenant. Students will learn how to bundle and package a SPFX solution for distribution and to optimize SPFX builds for a production environment. The module explains how to package third-party JavaScript libraries as external references and how to deploy SharePoint Framework solution resources to the Office 365 CDN. Students will also learn how to publish SharePoint Framework solution packages in the App Catalog as well as how to install a SPFX solution in a SharePoint site. The module also explains the process of upgrading an SPFX solution after it’s has already been deployed to a production environment.

Module 7

This module introduces the Microsoft Graph API and explains how this powerful library abstracts away the divisions between Azure Active Directory, Exchange Online, SharePoint Online and OneDrive to create a single, unified API for general application development. Students will learn how to program against the Microsoft Graph API in an SPFX Web Part using both the AadHttpClient class and the MSGraphClient class. The module also explains why it’s necessary to add API permission request into the package-solution.json file for an SPFX solution and how to grant tenant-level API permissions in the SharePoint Admin Center. Along the way, students will learn how to program the Microsoft Graph API to view and create users in Azure Active Directory and to read and send email messages and calendar events using an Exchange inbox.

Module 8

This module provides students with a quick Primer on Power BI and introduces students to the Power BI Service API. The module also provides an overview of the Power BI features for embedding reports and dashboards into custom applications. Students will learn how to call the Power BI Service API from an SPFX Web Part using the AadHttpClient class. The module explains how to use the Power BI Service API to retrieve the data required for embedding reports and dashboard. The module explains how to install and use the Power BI JavaScript API to write the client-side code required to embed Power BI reports and dashboards inside an SPFX Web Part. Along the way, students will also learn how to add custom Web Part properties to provide users with the ability to customize the way that reports and dashboards appear when embedded on a page in a SharePoint site.

Module 9

This module begins with a primer on OAuth 2.0 and OpenID Connect and an overview of the Azure Active Directory security model which provides support for user authentication, application authentication and an authorization scheme based on configurable permissions. Students will learn about the differences between application permissions and delegated permissions as well as how to create and configure Azure AD applications in the new Azure portal. Students will learn programming techniques for developing secure applications which implement common authentication flows such as user credentials flow, authorization grant flow, and client credentials flow. The module examines developing secure ASP.NET MVC application by using the Active Directory Authentication Library (ADAL) together with the OWIN framework and OWIN middleware components. The module also explains how to secure client-side SPAs created Angular and AngularJS by using the ADAL.js library and the implicit grant flow to acquire access tokens.

Module 10

This module introduces the Microsoft Teams service and explains the why and the how of creating Teams and Channels when rolling out Microsoft Teams in an Office 365 organization. The module also examines the Microsoft Teams developer platform and explains how to develop Microsoft Teams apps with custom tabs, bots, connectors and messaging extensions. Students will learn how to develop and test an app for Microsoft Teams using App Studio. Students will also learn to develop Microsoft Team apps using Visual Studio 2017 and C# as well as with Node.js, Visual Studio Code and the Microsoft Teams JavaScript Client SDK. Along the way, students will learn advanced development techniques with Microsoft Teams including developing custom messaging extensions and posting dynamic content to an activity feed.

Module 11

This module examines developing with Azure Functions to execute asynchronous server-side processing jobs and to provide a quick and efficient way to create a custom Web API accessible to Single Page Applications (SPAs) and SharePoint Framework Web Parts. Students will learn the fundamentals of creating, testing and debugging Azure Functions in the Azure Portal. The module also explains the options for configuring security for an Azure Function App and for supporting Cross-Origin Resource Sharing (CORS) to ensure your Azure Functions can be called from your client-side application code. The module teaches students how to create and publish Azure Function Apps using Visual Studio 2017 and C# as well as how to call Azure Functions from the client-side TypeScript code written in a SPA or a SharePoint Framework Web Part.

Module 12

This module examines developing with webhooks and explains how webhooks can be used to execute code with custom logic in response to events that occur in SharePoint Online, Microsoft Teams, OneDrive and Outlook. Students will learn about the benefits and disadvantages of SharePoint webhooks in comparison to classic SharePoint event receivers and remote event receivers. Students will also learn the steps to create an Azure Function using C# and to register it as a webhook with SharePoint Online to execute custom code in response to changes to items in a SharePoint list or changes to a document in a document library. The module explains the webhook coding requirements including returning validation tokens and executing processing asynchronously.

Essential experience:

  • Visual Studio and C#
  • JavaScript

Desirable additional skills:

  • SharePoint customisation