Modern SharePoint and Office 365 Development
About this course
Modern SharePoint and Office 365 Development is an intensive four-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 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.
Meet your trainer
Choose a date
Written and Developed by Ted Pattison, SharePoint MVP
Book a private delivery of this course
There are currently no dates scheduled for this course, but all of our courses can be delivered privately at a site of your choice.
Our private on-site / online training can provide your business with the following benefits:
- Substantial savings on travel and expense costs
- Group learning – ensuring a consistent transfer of knowledge
- Open discussions focused on specific business requirements
- Ability to ‘cherry pick’ modules and tailor course content to your specific needs.
- Multiple delivery and set-up methods
Contact us to arrange private delivery of a course or to find out more.
Modern SharePoint and Office 365 Development is an intensive four-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 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.
If you compare this training course to 55249A: Developing with the SharePoint Framework from Microsoft, you will find that this course covers significantly more content by including coverage of Power BI Embedding, Microsoft Teams, Azure Functions and SharePoint Webhooks. Also keep in mind that this is a 4-day course while Microsoft's 55249 course lasts 5 days.
- Introduction to Modern Software Development
- Developing with Node.js and Visual Studio Code
- Developing SPAs with React and JSX/TSX
- Introduction to the SharePoint Framework
- Developing React Web Parts
- Packaging and Deploying SharePoint Framework Solutions
- Programming with the Microsoft Graph API
- Embedding Power BI Report using SPFX Web Parts
- Developing Secure Applications with Azure Active Directory
- Developing for Microsoft Teams
- Developing with Azure Functions
- Developing Webhooks for SharePoint Online
Module 1: Introduction to Modern Software Development
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.
- Understanding SharePoint Online Development Strategies
- Programming the Client-side Object Model (CSOM)
- Understanding Microsoft Azure as a Development Platform
- Using Microsoft Azure to create Web Apps and SQL Databases
- Developing with TypeScript and Interfaces in Visual Studio 2017
- Client-side Development using Interfaces and Strongly-typed Programming
Module 2: Developing with Node.js and Visual Studio Code
- Introduction to Node.JS and NPM
- Installing and Updating Packages in Visual Studio Code
- Adding TypeScript Support to a Node.js Project
- Configuring a Node.js Project with Server-side Debugging Support
- Using Gulp to Automate Running Development Tasks
- Developing Projects using Webpack
Module 3: Developing SPAs with React and JSX/TSX
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.
- Creating a Single Page Application using React.js, TypeScript and Webpack
- Designing a React Component Hierarchy using Properties and State
- Using JSX/TSX Syntax in a React Component to Generate HTML
- Understanding the Lifecycle Methods of a React Component
- Calling Across the Network from a React Component using the Fetch API
- Extending a React Project with the React Router and Multiple Views
Module 4: Introduction to the SharePoint Framework
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.
- Creating SPFX Projects using the Yeoman Generator
- Testing and Debugging Projects in the local SharePoint Workbench
- Creating Application Customizers, Field Customizers and Command Sets.
- Creating a Web Part with Custom Properties
- Managing Styles using SCSS Files and CSS Modules
- Testing and Debugging Projects in the hosted SharePoint Workbench
Module 5: Developing React Web Parts
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.
- Designing and Developing React Web Parts
- Synchronizing Web Part Properties with React Component State
- Leveraging Standard UI Components from the Office UI Fabric React Library
- Developing Web Parts using the SharePoint REST API
- Designing Web Parts to Create and Manage SharePoint Lists
- Displaying a Loading Indicator When Calling Across the Network
Module 6: Packaging and Deploying SharePoint Framework Solutions
- Creating the App Catalog Site in SharePoint Online
- Packaging SPFX Solutions for Production
- Customizing the SPFX Build Process with Gulp and Webpack
- Publishing and Updating SPFX Solutions in the App Catalog
- Installing an SPFX Solution in a SharePoint Site
Module 7: Programming the Power BI Service API
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.
- Overview of Microsoft Graph API
- Programming with AadHttpClient and MSGraphClient
- Configuring an SPFX Solution with API Permission Requests
- Granting API Permissions in the SharePoint Admin Center
- Creating Users and Groups in Azure AD
- Programming Messages and Calendar Events in Exchange Online
Module 8: Embedding Power BI Report using SPFX Web Parts
- 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 using the Power BI Service API
- Writing Client-side Code to Interact with an Embedded Report
Module 9: Developing Secure Applications with Azure Active Directory
This module begins with a quick primer on OAuth 2.0 and OpenID Connect. The module then provides 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 Azure portal. Students will learn programming techniques for developing secure applications which implement common authentication flows such as user credentials flow, authorization code grant flow, and client credentials flow. The module examines developing secure ASP.NET MVC application by using the Active Directory Authentication Library for .NET (ADAL.NET) together with the OWIN framework and OWIN middleware components. The module also explains how to secure an SPA created with React.js using the ADAL.js library and the implicit grant flow to acquire access tokens.
- Understanding OAuth 2.0 and OpenID Connect
- The Role of Azure Active Directory
- Creating and Configuring Azure AD Applications
- Understanding Application Permissions vs. Delegated Permissions
- Programming Authentication Flows for Azure Active Directory
- Securing MVC Applications using ADAL.NET and OWIN
- Securing SPAs using ADAL.js and the Implicit Grant Flow
Module 10: Developing for Microsoft Teams
- Understanding the Microsoft Teams Service, Teams and Channels
- Developing Microsoft Team Apps with Tabs, Bots and Connectors
- Developing a Teams App using App Studio
- Developing a Teams App using Visual Studio and C#
- Packaging and Publishing a Microsoft Teams App
Module 11: Developing with Azure Functions
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.
- 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 (CORS)
- Calling Azure Functions from SharePoint Framework Web Parts
- Developing Azure Function using Visual Studio, C# and the SharePoint CSOM
Module 12: Developing Webhooks for SharePoint Online and Microsoft Teams
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.
- Understanding Webhooks Architecture
- Creating Azure Functions to Serve as SharePoint Webhooks
- Registering Azure Function Webhooks on a SharePoint List
- Programming Azure Functions using the Webhook Callback Protocol
- Registering Webhooks using the Microsoft Graph API
- Using Webhooks to Detect Changes to Users, Groups, Messages and Events