<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE FL_Course SYSTEM "https://www.flane.de/dtd/fl_course095.dtd"><?xml-stylesheet type="text/xsl" href="https://www.flane.com.pa/css/xml-course.xsl"?><course productid="23736" language="es" source="https://www.flane.com.pa/xml-course/training-m365-csdf" lastchanged="2026-04-21T14:12:50-05:00" parent="https://www.flane.com.pa/xml-courses"><title>Microsoft 365 - Client Side Development Fundamentals</title><productcode>M365-CSDF</productcode><vendorcode>FL</vendorcode><vendorname>Fast Lane</vendorname><fullproductcode>FL-M365-CSDF</fullproductcode><version>1.0</version><objective>&lt;p&gt;Upon completion of this seminar, participants will have knowledge of the following topics:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Introduction to Microsoft 365 Development&lt;/li&gt;&lt;li&gt;Node-based Development using Visual Studio Code&lt;/li&gt;&lt;li&gt;Object Oriented JavaScript &amp;amp; Type Script&lt;/li&gt;&lt;li&gt;Introduction to Microsoft Identity&lt;/li&gt;&lt;li&gt;Microsoft 365 &amp;amp; SharePoint Data Access using REST, CSOM, PnP/PnPjs, Graph&lt;/li&gt;&lt;li&gt;Customizing &amp;amp; Enhancing the User-Interface using moder Web Standards and Fluent UI&lt;/li&gt;&lt;li&gt;Introduction to React and using SPA Frameworks in M365 Development&lt;/li&gt;&lt;li&gt;SharePoint Framework Basics (SPFx)&lt;/li&gt;&lt;li&gt;Teams &amp;amp; Office Add-In Basics&lt;/li&gt;&lt;li&gt;Provisioning &amp;amp; Microsoft 365 DevOps&lt;/li&gt;&lt;li&gt;No-Code-Solutions using Microsoft Power Platform&lt;/li&gt;&lt;/ul&gt;</objective><essentials>&lt;ul&gt;
Good JavaScript &amp; HTML knowledge
Experience with SharePoint Development helpful&lt;/ul&gt;</essentials><audience>&lt;p&gt;This seminar is aimed at SharePoint developers who want to extend their server-side SharePoint development skills towards Microsoft 365 development including Teams programming to implement solutions for Microsoft 365 and Microsoft Teams.&lt;/p&gt;</audience><contents>&lt;h4&gt;Introduction Microsoft 365 Development&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;Microsoft 365 Overview &amp;amp; Services&lt;/li&gt;&lt;li&gt;Overview M365 Extension &amp;amp; Data Access Patterns&lt;/li&gt;&lt;li&gt;Why Client-Side Development (JavaScript / Typescript vs C# Customizations)&lt;/li&gt;&lt;li&gt;Overview PnP Framework&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;Node-based Development using Visual Studio Code&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;Using Visual Studio Code, Extensions, Add-Ins&lt;/li&gt;&lt;li&gt;Understanding Node.js Role in modern Client Side Dev&lt;/li&gt;&lt;li&gt;The Web Stack Pattern, Node, Gulp, Yeoman, Webpack&lt;/li&gt;&lt;li&gt;Using Node Express&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;Object Oriented JavaScript &amp;amp; Type Script&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;Visual Studio Extensions &amp;amp; Project Configurations&lt;/li&gt;&lt;li&gt;JavaScript vs TypeScript&lt;/li&gt;&lt;li&gt;Types, Enums Classes, Interfaces, Functions&lt;/li&gt;&lt;li&gt;ES6 Array Helpers &amp;amp; Utility Functions&lt;/li&gt;&lt;li&gt;Async Programming &amp;amp; Promises&lt;/li&gt;&lt;li&gt;Using 3rd Party Libraries in TypeScript&lt;/li&gt;&lt;li&gt;Ensuring Browser Compatibility using Babel, Shims and Polyfills&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;Introduction to Microsoft Identity&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;Introduction to Microsoft Identity&lt;/li&gt;&lt;li&gt;Microsoft Authentication Library - MSAL&lt;/li&gt;&lt;li&gt;Using MSAL in Node &amp;amp; External SPAs&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;Microsoft 365 &amp;amp; SharePoint Data Access&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;CSOM vs REST vs PnP Core JavaScript&lt;/li&gt;&lt;li&gt;REST and OData Overview&lt;/li&gt;&lt;li&gt;OData Queries and Expanding&lt;/li&gt;&lt;li&gt;Implementing CRUD Operation using REST for List &amp;amp; List Items&lt;/li&gt;&lt;li&gt;Expanding Complex Objects like Managed Metadata, Lookups, User&lt;/li&gt;&lt;li&gt;Using Client-Side Object Model - Context, Batching, Loading&lt;/li&gt;&lt;li&gt;Implementing CRUD Operations for Lists &amp;amp; List Items using .Net Core&lt;/li&gt;&lt;li&gt;PnP/PnPjs Overview &amp;amp; CRUD Operations&lt;/li&gt;&lt;li&gt;Introduction to Microsoft Graph, Webhooks &amp;amp; Connectors&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;Customizing &amp;amp; Enhancing the User-Interface&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;Customize Modern UI &amp;amp; Modern Themes&lt;/li&gt;&lt;li&gt;Understanding &amp;amp; Using Flexbox&lt;/li&gt;&lt;li&gt;Introduction to Fluid UI&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;Introduction to React and using SPA Frameworks in M365 Development&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;Introduction to React&lt;/li&gt;&lt;li&gt;Use Cases for React in SharePoint Development&lt;/li&gt;&lt;li&gt;Understanding React Basics in a Standalone App&lt;/li&gt;&lt;li&gt;Using Context to share Data between Components&lt;/li&gt;&lt;li&gt;Using Fluid UI React Controls&lt;/li&gt;&lt;li&gt;Introduction to React Testing using Jest&lt;/li&gt;&lt;li&gt;Using Angular as Microsoft 365 External SPA&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;SharePoint Framework Basics (SPFx)&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;SharePoint Framework SPFx Overview&lt;/li&gt;&lt;li&gt;When to use SPFx / When to use other Patterns&lt;/li&gt;&lt;li&gt;Implementing SharePoint Framework Web Parts&lt;/li&gt;&lt;li&gt;Exposing Properties &amp;amp; Data Access&lt;/li&gt;&lt;li&gt;Introduction to SharePoint Framework Extension&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;Teams &amp;amp; Office Add-In Basics&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;Microsoft Teams Introduction&lt;/li&gt;&lt;li&gt;Overview Teams Extension Options&lt;/li&gt;&lt;li&gt;SPFx &amp;amp; External SPAs as Teams Tabs&lt;/li&gt;&lt;li&gt;Office Add-In Introduction&lt;/li&gt;&lt;li&gt;Scaffolding &amp;amp; Implementing an Outlook React Add-In&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;Provisioning &amp;amp; Microsoft 365 DevOps&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;Introduction to SharePoint &amp;amp; Teams Provisioning&lt;/li&gt;&lt;li&gt;Deployment Options for SPFx, Teams &amp;amp; Single Page Applications&lt;/li&gt;&lt;li&gt;Introduction to DevOps using Microsoft 365 CLI&lt;/li&gt;&lt;li&gt;Building &amp;amp; Deploying a SPFx Teams Tab using Azure DevOps&lt;/li&gt;&lt;/ul&gt;&lt;h4&gt;No-Code-Solutions using Microsoft Power Platform&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;The Power Platform&lt;/li&gt;&lt;li&gt;Introduction to Microsoft Power Apps&lt;/li&gt;&lt;li&gt;Introduction to Microsoft Flow&lt;/li&gt;&lt;/ul&gt;</contents><objective_plain>Upon completion of this seminar, participants will have knowledge of the following topics:


- Introduction to Microsoft 365 Development
- Node-based Development using Visual Studio Code
- Object Oriented JavaScript &amp; Type Script
- Introduction to Microsoft Identity
- Microsoft 365 &amp; SharePoint Data Access using REST, CSOM, PnP/PnPjs, Graph
- Customizing &amp; Enhancing the User-Interface using moder Web Standards and Fluent UI
- Introduction to React and using SPA Frameworks in M365 Development
- SharePoint Framework Basics (SPFx)
- Teams &amp; Office Add-In Basics
- Provisioning &amp; Microsoft 365 DevOps
- No-Code-Solutions using Microsoft Power Platform</objective_plain><essentials_plain>Good JavaScript &amp; HTML knowledge
Experience with SharePoint Development helpful</essentials_plain><audience_plain>This seminar is aimed at SharePoint developers who want to extend their server-side SharePoint development skills towards Microsoft 365 development including Teams programming to implement solutions for Microsoft 365 and Microsoft Teams.</audience_plain><contents_plain>Introduction Microsoft 365 Development


- Microsoft 365 Overview &amp; Services
- Overview M365 Extension &amp; Data Access Patterns
- Why Client-Side Development (JavaScript / Typescript vs C# Customizations)
- Overview PnP Framework
Node-based Development using Visual Studio Code


- Using Visual Studio Code, Extensions, Add-Ins
- Understanding Node.js Role in modern Client Side Dev
- The Web Stack Pattern, Node, Gulp, Yeoman, Webpack
- Using Node Express
Object Oriented JavaScript &amp; Type Script


- Visual Studio Extensions &amp; Project Configurations
- JavaScript vs TypeScript
- Types, Enums Classes, Interfaces, Functions
- ES6 Array Helpers &amp; Utility Functions
- Async Programming &amp; Promises
- Using 3rd Party Libraries in TypeScript
- Ensuring Browser Compatibility using Babel, Shims and Polyfills
Introduction to Microsoft Identity


- Introduction to Microsoft Identity
- Microsoft Authentication Library - MSAL
- Using MSAL in Node &amp; External SPAs
Microsoft 365 &amp; SharePoint Data Access


- CSOM vs REST vs PnP Core JavaScript
- REST and OData Overview
- OData Queries and Expanding
- Implementing CRUD Operation using REST for List &amp; List Items
- Expanding Complex Objects like Managed Metadata, Lookups, User
- Using Client-Side Object Model - Context, Batching, Loading
- Implementing CRUD Operations for Lists &amp; List Items using .Net Core
- PnP/PnPjs Overview &amp; CRUD Operations
- Introduction to Microsoft Graph, Webhooks &amp; Connectors
Customizing &amp; Enhancing the User-Interface


- Customize Modern UI &amp; Modern Themes
- Understanding &amp; Using Flexbox
- Introduction to Fluid UI
Introduction to React and using SPA Frameworks in M365 Development


- Introduction to React
- Use Cases for React in SharePoint Development
- Understanding React Basics in a Standalone App
- Using Context to share Data between Components
- Using Fluid UI React Controls
- Introduction to React Testing using Jest
- Using Angular as Microsoft 365 External SPA
SharePoint Framework Basics (SPFx)


- SharePoint Framework SPFx Overview
- When to use SPFx / When to use other Patterns
- Implementing SharePoint Framework Web Parts
- Exposing Properties &amp; Data Access
- Introduction to SharePoint Framework Extension
Teams &amp; Office Add-In Basics


- Microsoft Teams Introduction
- Overview Teams Extension Options
- SPFx &amp; External SPAs as Teams Tabs
- Office Add-In Introduction
- Scaffolding &amp; Implementing an Outlook React Add-In
Provisioning &amp; Microsoft 365 DevOps


- Introduction to SharePoint &amp; Teams Provisioning
- Deployment Options for SPFx, Teams &amp; Single Page Applications
- Introduction to DevOps using Microsoft 365 CLI
- Building &amp; Deploying a SPFx Teams Tab using Azure DevOps
No-Code-Solutions using Microsoft Power Platform


- The Power Platform
- Introduction to Microsoft Power Apps
- Introduction to Microsoft Flow</contents_plain><duration unit="d" days="5">5 días</duration><pricelist><price country="CH" currency="CHF">3730.00</price><price country="DE" currency="EUR">3090.00</price><price country="SE" currency="EUR">3090.00</price><price country="AT" currency="EUR">3090.00</price><price country="IL" currency="ILS">10720.00</price><price country="SI" currency="EUR">3090.00</price></pricelist><miles/></course>