Course Price

1,999.00

81% OFF. Expires in

Buy Now

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

Fees And Schedule

Self Paced Training

30-Hour e-learning videos Flexible Schedule LifeTime Free Upgrade
Buy Now

Instructor-Led Training

32-Hour of Instructor-Led Training One to one doubt resolution sessions Virtual Lab Access

Reviews

Course Price :

1,999.00

81% OFF. Expires in

Buy Buy Now

Course Related Posts