Level 200-300. SPFx is now a mature Framework for building solutions for Office 365, Microsoft Teams and the newest product, Microsoft Viva. This workshop will cover how to get started in SPFx by configuring a very flexible development environment and creating our first SPFx solution.
We will then expand our sample solution to interact with data in SharePoint. Our solution will use the latest development acceleration tools from the Microsoft-led Patterns and Practices (PnP) community effort to build modern solutions in webparts, extensions, and adaptive cards for SharePoint Teams and Viva. Data modeling is an essential first step in any Power Apps or Power Automate project. Power apps provides a user interface for information stored in a data source and Power Automate creates workflows that manipulate data stored in a data source based on specific events or triggers. Data modeling is difficult enough for professional developers, but it is even harder for citizen developers. Citizen developers usually have little exposure to concepts like data normalization and often can’t use true relational databases like SQL or Dataverse because of the cost of Premium licensing. So, they are left trying to figure out how to build their flows or apps using data stored in SharePoint lists or Excel spreadsheets. In this workshop I will show you some real-world techniques for doing data modeling. I’ll start with a typical project requirements definition and show you how to easily convert it into an Entity Relationship model. Next, I’ll show you how to map that Entity Relationship model onto a set of SharePoint lists. Once I have the lists designed, I’ll show you how to use them in a Power App and a flow. Along the way I’ll walk you through what you need to know about using SharePoint as a data source, including: I’ll focus on SharePoint in the workshop but the techniques I teach you are also applicable for other data sources like Excel, SQL or even Dataverse. The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and the ability to extend Microsoft Teams and Microsoft Viva Connections. Microsoft uses SPFx to build the modern list and library user experiences you see in SharePoint Online. Developing for the SharePoint Framework is nothing like classic SharePoint development. There’s no File | New Project in Visual Studio; instead you’ll be using tools like Node, Yeoman, Gulp and TypeScript. This session will introduce you to the SharePoint Framework, show you how to setup your development environment, introduce you to the types of customizations you can build using SPFx, and show you how to build and deploy a SPFx web part. For the most part, your imagination is the limit when it comes to extending the Microsoft 365 platform. Join me for a complete look at the PnPjs library, a collection of fluent libraries for consuming SharePoint and Microsoft Graph REST APIs that make building solutions 10x easier and faster. This free, open-source initiative, part of the Microsoft 365 & Power Platform Community can be used within the SharePoint Framework, NodeJS, or any JavaScript/TypeScript based project. This session will cover using the library within the SharePoint Framework and Azure Functions NodeJS project. We'll cover:
• How to get started, your project template, and establishing context
• An overview of all the packages available and outline the ease of use
• More advanced scenarios like batching and cross site execution. Dive into the future of modern, client-side development in the Microsoft ecosystem with the SharePoint Framework (SPFx). SPFx serves as the cornerstone for SharePoint webparts, extensions, Teams apps, Adaptive Card Extensions (ACEs), and Microsoft Viva. This class is your gateway to SPFx development excellence. We'll start by demystifying the SPFx model and guide you through crafting the ideal development environment. Learn to configure a versatile developer workspace and embark on a hands-on journey, building, debugging, and deploying your very first SPFx webpart. We'll discover how the Viva Connections Toolkit can accelerate the process of creating, debugging, and deploying your solutions. Join us in shaping the future of development with SPFx. Ever felt like the world of Microsoft 365 is a maze? You’re not alone! In this session, we’ll take a journey together through real-life examples where we’ve turned the complexity of Microsoft 365 into simple, automated solutions. We’ll start from the basics, exploring out-of-the-box and low-code options, and gradually move towards creating custom self-hosted solutions. Extending Microsoft 365 is not limited to just creating web parts and by the end of this session, you’ll be inspired to see how you can make Microsoft 365 work for you in ways you’ve never imagined before. So, whether you’re a beginner or have some experience under your belt, join us as we unravel the exciting possibilities of extending Microsoft 365! The session title says it all. In this session we will take a deep dive into working with properties and the property pane in SharePoint Framework web parts. Along the way we will look at topics like: property value validation, using the native property pane controls, using the PnP property pane controls, and (if time allows) building custom property pane controls. Level 300. SharePoint Framework (SPFx) opens the door to crafting stunning, contemporary solutions for Office 365, Microsoft Teams, and Viva. Yet, the true magic happens when these solutions seamlessly connect to real-time data sources. In this exciting journey, we'll dive deep into the art of connecting SPFx to SharePoint and Microsoft Graph, unleashing the full potential of your creations. We'll master the art of harnessing REST APIs to forge direct links with these data sources. Moreover, we'll unveil the secrets of PnPJs and the Microsoft Graph toolkit (MGT), transforming your development process and supercharging the performance of your SPFx solutions. Join us as we bridge the gap between innovation and data, making your SPFx projects come alive with real-time information. Elevate your solutions to a whole new level of excellence and impact. Maybe you have started with React and what to learn how to apply it in your projects. In this session we will continue your progression with React. We will create reusable components and create an application that users will want to use. This session will have very few slides but we will take an HTML page that was generated and create a simple application out of it. We will discuss how this can then be loaded into SharePoint and Microsoft Teams Join us for an engaging and informal gathering where participants delve into topics that matter to them. Roundtable Discussions are a space for sharing ideas, perspectives, and experiences with other attendees. Pull up a chair, and let’s exchange insights! SharePoint Embedded (SPE) offers a headless, API-only pattern for building content apps that integrate management capabilities like collaboration, security, and compliance into any app by storing content within an enterprise’s existing Microsoft 365 tenant. Ready to see how to build your first app? In this session, you’ll learn how to setup SPE in your tenant and build a your first document-centric app that can read, write, and search for files in SPE Containers, render previews, and work with metadata! The SharePoint framework introduced 'libraries' as a project type, and although useful for very small development projects not ideal for bigger enterprise solutions and ALM strategies. This session is going to cover end to end building a library with standard web-based building blocks, using Azure Dev Ops to create a private code artifact, and then consuming that library and others together within a SharePoint framework solution while hosting the artifacts in an Azure CDN (or bundling it in if that's more appropriate). This is powerful reusability that allow you to manage the lifecycle of different components in a way that mimics all the other packages you might consume when building your solution. The M365 and Power Platform Community program stands as the beacon of knowledge and collaboration within the Microsoft ecosystem. As the largest open community, it's the place where developers of all backgrounds converge to gain insights from MVPs and Microsoft engineers. But the true magic happens when you become an active part of this dynamic community. Discover the secrets to becoming a valuable contributor in the technologies that ignite your passion. From shaping official online documentation to creating sample applications and even crafting groundbreaking tools like the Microsoft 365 CLI – it's all within your reach as a community member. With support from the PnP Team and fellow contributors, you'll learn how to harness the community's collective knowledge and propel your skills to new heights. One of the first tasks you'll face when getting started with SharePoint Framework development is learning the APIs you can use to interact with SharePoint. This session will introduce to the most commonly used native APIs, the SharePoint REST API. It will start with a brief overview of the history of the API and then move to a series of demonstrations showing how the API may be used. This session isn't flashy or attention grabbing, but it is fundamental in understanding how to do development with the SharePoint Framework.Monday 9:00 AM - 5:00 PM · Room 6
Workshop: Modern Development using the SharePoint Framework (SPFx)
Tuesday 1:30 PM - 5:00 PM · Room 6
SharePoint Data Modeling: From Requirements to Usage
Wednesday 9:50 AM - 11:00 AM · Room 6
An Introduction to Development with the SharePoint Framework
Wednesday 11:40 AM - 12:50 PM · Room 6
Build Solutions for Microsoft 365 with a Fluent API Library
Wednesday 2:20 PM - 3:30 PM · Room 6
Empowering Your Modern Development Journey with SharePoint Framework and Viva Connections Toolkit
Thursday 9:00 AM - 10:10 AM · Room D
Extending Microsoft 365: Exploring the Art of the Possible
Thursday 9:00 AM - 10:10 AM · Room 8
SharePoint Framework Deep Dive - Web Part Property Pane
Thursday 10:50 AM - 12:00 PM · Room 8
Enhancing SPFx projects with Live Data integration to SharePoint, MS Graph and beyond
Thursday 1:30 PM - 2:40 PM · Room 8
Get Your Hands Dirty with React
Thursday 1:30 PM - 2:40 PM · Room 3
Roundtable Discussion - SharePoint & Microsoft Teams Development
Friday 9:00 AM - 10:10 AM · Room 6
Explore SharePoint Embedded App Development: From Setup to Production Ready Apps
Friday 10:20 AM - 11:30 AM · Room 6
Building reusable code libraries for extending Microsoft 365
Friday 12:30 PM - 1:40 PM · Room 1
Accelerated Development through the M365 and Power Platform Community
Friday 12:30 PM - 1:40 PM · Room 6
Introduction to the SharePoint REST API