MS-102T00: Microsoft 365 Administrator
Lessons : 9
Topics : 0
Quiz : 0
This course is designed for people who are aspiring to the Microsoft 365 Administrator role and have completed one of th ....
SharePoint Framework Developer Training Course
In this SharePoint Framework Developer Training course you will learn to build and deploy client-side web parts and extensions using the SharePoint Framework. 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 support for open source tooling. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one.You will learn to setup SharePoint Framework development environment and develop modern SharePoint WebParts/Extensions using open source tools including Node.js, NPM: Node Package Manager, Yeoman, Gulp, TypeScript & React.
Upon completion of this SharePoint Framework Developer Training course and practicing building solutions, students will be able to create custom WebParts/Extensions using SharePoint Framework.
Self-Paced Course
Instructor-Led Training Available
Course Duration: 30-Hour
15 Lab Exercises
Life Time Free Upgrade
Free Cloud Lab Access
Overview
In this SharePoint Framework Developer course, you will learn to build and deploy client-side web parts & extensions using the SharePoint Framework. 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 support for open source tooling. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one.
Modules
Module 1 - Getting started with SharePoint Framework
- SharePoint Framework Overview
- SharePoint Framework tools
- SharePoint OOB SPFx WebParts
- Workbench overview
- Node.js Modules
Module 2 - SharePoint Framework Client Web Parts
- SharePoint client-side Web-Part fundamentals
- Understanding Web Part Project/Scaffold Structure
- Web part property pane
- Webpart Properties
- Default Web-Part fundamentals (Typescript, Classes, Interfaces)
- Lab - Creating first SPFx Web-Part
- Lab - Adding/Modifying Web Part Property Pane
- Lab - Creating Properties and using various controls to render it.
- Lab - Running it on local workbench
- Lab - Deployment
- Lab - CDN based deployment Solutioning
Module 3 - Typescript
- What is TypeScript
- Using TypeScript in your project
- Variables
- Functions
- Interfaces and Classes
- Modules and Namespaces
- Method overloading
- Constructors
- Members
- Inheritance
- Lab - Creating the model classes
- Lab - Providing dummy data
- Lab - Creating Services
- Lab - Creating the WebPart
Module 4 - Developing Sharepoint Framework WebPart using React
- What is React JS
- Model View ViewModel (MVVM)
- React Components
- What is JSX
- Html Tags vs React Components
- Creating Components - JavaScript Expressions
- Handling Component State
- Adding Interactivity by means of events
- Using Multiple Components
- The Lifecycle of a Component
- Web Part Project Structure
- Create, Deploy React SPFx WebPart
- Single Page Application (SPA)
- Use PnPjs library
- Flux and Redux
- Lab - Create SPFx WebPart using react library
- Lab - Creating react component
- Lab - Maintaining state Events
Module 5 - Developing SPFx interaction with SharePoint Lists
- Loading SharePoint data
- Web Services Overview
- REST and ODATA Fundamentals
- SharePoint REST API's
- AJAX
- Framework HttpClient
- Solving cross-domain issues with CORS
- Override OOB CSS and how to write and use custom CSS in SPFx WebPart
- Lab - Performing CRUD operations using Typescript on list (Add/Update/Delete/View)
- Lab - Adding Office Fabric components into SPFx WebPart
- Lab - Rendering SharePoint data in Webpart Property and dynamically displaying SharePoint data within webpart
- Lab - Handling Local workbench and SharePoint Workbench through code
- Lab - Deploy on App Catalog and test on SharePoint site
Module 6 - SASS
- What is SASS?
- The Language
- Variables
- Types
- Comments
- Nested Rules and Properties
- Partials
- Extend
- Functions
Module 7 - SPFx Designing using Office-UI-fabric
- What Is Office UI Fabric?
- Office UI Fabric Versions
- Fabric Core Styles
- Example Uses
- Fabric Components
- Fabric JS
- ngOfficeUIFabric
- Fabric React
- Using PnP
- Library Components
- Lab - Create a SharePoint Framework web part using Office UI Fabric React Components
- Lab - Adding Multiple react components within WebPart
- Lab - Implement React component rendering to Improve the appearance with Office UI Fabric styles and controls
Module 8 - Microsoft Graph
- Introduction to Microsoft Graph
- Authentication Providers
- Microsoft Graph API
- Access User Data and Files with Microsoft Graph
- Lab - Create SPFx Webpart using Microsoft Graph APIs to display tenant data within webpart
Module 9 - Extend Teams using Sharepoint Framework
- Develop SharePoint Framework WebParts for Microsoft Teams
- Make the web part available in Microsoft Teams
- Lab - Create a WebPart and deploy it to Microsoft Teams
Module 10 - SharePoint Framework Extensions
- SharePoint Framework Extensions overview
- Application Customizers Overview
- Field Customizers Overview
- Command sets overview
- Creating Command Set
- Debugging SPFx Extension on SharePoint Online Site
- Lab - Create SPFx Extensions [Application Customizer]
- Lab - Consume Graph API within your Application Customizer and display Graph data on Application Customizer
- Lab - Creating Field Customizer to format display of list content
- Lab - Creating Command Sets
