Mastering Sharepoint Framework Spfx Development

Learn How to Develop SPFx Solutions using React & NoJS Frameworks From Scratch Step By Step

What you'll learn
Learn How to Develop SharePoint Framework (SPFx) web Parts
Learn How to Set Up Develop Environment for SPFx Solutions Development
Learn How to work with Modern SharePoint Online
Learn How to Create SPFx Web Parts in different ways
Learn How to Create Multiple Web Parts in a Single SPFx Solution
Learn How to Connect to SharePoint Online From SPFx Web Parts
Learn How to work with various PropertyPane Controls
Learn How to make REST API calls using SPHttpClient
Learn How to perform CRUD Operations using NoJavaScript Framework
Learn How to perform CRUD Operations using sp-pnp-js Library
Learn How to create Site Columns,Site Content Types,List Instances from SPFx Web Part
Learn How to Create Libraries and Consume Libraries from SPFx Web Part
Learn How to work with various SPFx Extensions
Learn How to develop SPFx web Parts using React Framework
Learn How to invoke Anonymous REST API's from SPFx Web Part
Learn How to work with External Libraries from SPFx Web Part
Learn How to work with MSGraph API using React Framework
Learn How to use Office UI Fabric React Controls in SPFx Web Part
Learn How to perform CRUD Operations using React Framework
Learn How to develop Provider and Consumer Web Parts
Learn How to develop Single Page Applications (SPA)
Learn How to perform logging and debuggging
Learn How to implement Localization Support for SPFx Web Part
Learn How to create Custom Tabs for Microsoft Teams
Learn How to deploy SPFx solutions to Office 365 CDN and Azure CDN
Learn How to develop Custom Gulp Tasks
Requirements
Visual Studio Code Editor, NodeJS
Basic Knowledge of TypeScript, React will be an added advantage.
Description
SharePoint Framework is a new development model to extend the Modern SharePoint User Interface. The development scenario has shifted from the server-side to the client-side development involving various open source tooling and modern toolchain.This course aims to equip you with enough knowledge of the SharePoint Framework in conjunction with skills to use  tools such as Node.js, npm, Yeoman, Gulp, TypeScript,React Framework & Office UI Fabric React controls.This course provides developers with a thorough knowledge in developing SPFx Solutions using React Framework as well as NoJavaScript Framework.In this course by development expert Kameswara Sarma Uppuluri, you'll learn essential concepts that you need to know to build SPFx solutions from scratch.This course provides step-by-step walk-throughs and demos that you're encouraged to practice along with to enhance the learning process.This course is broken down into 21 Modules with each module providing source code so that you can follow along with Kameswara Sarma Uppuluri.

Overview

Section 1: Big Picture of SPFx

Lecture 1 Course Introduction

Lecture 2 Introduction To SPFx

Lecture 3 Setting Up Development Environment - Part 1

Lecture 4 Setting Up Development Environment - Part 2

Lecture 5 Upgrading NodeJs Version to 12.x for SPFx 1.12.1 and Yo 4.2.0 Versions

Lecture 6 Upgrading NodeJs Version to 14.x for SPFx 1.14.0 and Yo 4.3.0 Versions

Lecture 7 Setting Up Development Environment - Part 3

Lecture 8 Creating An App Catalog

Lecture 9 Creating a Site Collection

Lecture 10 Complete Course Exercise Files

Lecture 11 Important Note : Course Exercise Files

Lecture 12 SPFx Version 1.14.0 - Course Exercise Files

Section 2: Working with SharePoint Client Side Web Parts

Lecture 13 Developing a Simple SharePoint Client Side Web Part Using SPFx 1.14.0

Lecture 14 Developing a Simple SharePoint Client Side Web Part - Approach 1

Lecture 15 Developing a Simple SharePoint Client Side Web Part - Approach 2

Lecture 16 Developing a Simple SharePoint Client Side Web Part - Approach 3

Lecture 17 Finding Out SPFx Version of Your SPFx Solution

Lecture 18 Creating Multiple Web Parts as part of Single Solution

Lecture 19 Understanding Web Part Project Structure

Lecture 20 Understanding SkipFeatureDeployment Option Practically

Lecture 21 Developing a Web Part To Read Site Properties

Lecture 22 Finding out SharePoint Environment Info

Lecture 23 Accessing Culture Info Details Using a Web Part

Lecture 24 Get List of Lists Of A SharePoint Site

Section 3: Working With Property Pane

Lecture 25 Overview of Property Panes

Lecture 26 Working with TextBoxes

Lecture 27 Assign Default Values using JSON File

Lecture 28 Working with onInit Function

Lecture 29 Disabling Reactive Changes

Section 4: Working with Property Pane Various Controls

Lecture 30 Working with PropertyPaneToggle

Lecture 31 Working with PropertyPaneSlider

Lecture 32 Working with PropertyPaneChoiceGroup

Lecture 33 Working with PropertyPaneChoiceWithImages

Lecture 34 Working with PropertyPaneDropDown

Lecture 35 Working with PropertyPaneCheckBox

Lecture 36 Working with PropertyPaneLink

Lecture 37 Working with Multiple Groups

Lecture 38 Working with Multiple Pages

Lecture 39 Modifying Default Icon

Section 5: Working with SPHttpClient

Lecture 40 Create a New List using SPHttpClient

Lecture 41 Create a New Site using SPHttpClient

Section 6: CRUD Operations with NoJavaScriptFramework

Lecture 42 Inserting Records Into a List

Lecture 43 Reading the details of a Single Record

Lecture 44 Updating a Record Of a List

Lecture 45 Reading all records of a List

Section 7: CRUD Operations with sp-pnp-js Library

Lecture 46 Inserting Records Into a List

Lecture 47 Reading the details of a Single Record

Lecture 48 Updating a Record Of a List

Lecture 49 Reading all records of a List

Lecture 50 Deleting a Record of a List

Lecture 51 Important Note : Using sp-pnp-js Library on Production Environment

Section 8: Creating SharePoint Artefacts

Lecture 52 Creating Site Columns,Site Content Types,Lists through Code

Lecture 53 Learn How to Version features and Upgrade Features

Section 9: Working with Library

Lecture 54 Creating a Library

Lecture 55 Test Library locally

Lecture 56 Deploy Library to SharePoint Online and Test

Lecture 57 Setting Full Width layout

Section 10: Working with Spfx Extensions

Lecture 58 Creating an ApplicationCustomizer Extension - Demo 1

Lecture 59 Creating an ApplicationCustomizer Extension - Demo 2

Lecture 60 Creating FieldCustomizer Extension

Lecture 61 Creating Field Customizer Extension Using React

Lecture 62 Creating CommandSet Extension

Lecture 63 Performing BulkUpdate using ListView CommandSet Extension

Section 11: Working with React

Lecture 64 Creating a Simple Spfx Web Part using React

Lecture 65 Creating a React Component To Read Site Properties

Lecture 66 Understanding React Component Life Cycle

Lecture 67 Display List Items of a List using React - Part 1

Lecture 68 Display List Items of a List Using React - Part 2

Section 12: Working with Anonymous API

Lecture 69 Invoking Anonymous API from Spfx Web Part

Lecture 70 Invoking Anonymous API from React Component

Lecture 71 Invoking Anonymous API from React Component - Part 2

Section 13: Working with External Libraries

Lecture 72 Develop a Spfx Web Part to work with External Libraries

Lecture 73 Working with External Template Class

Section 14: Working with MS Graph API

Lecture 74 Overview of Graph API

Lecture 75 Working with GraphAPI using NoJavaScript Framework

Lecture 76 Overview of Graph API Calendar

Lecture 77 Working with GraphAPI using React Framework To Read Calendar Events - Part 1

Lecture 78 Displaying All Users Using Office Fabric UI React DetailsList Control - Part 1

Lecture 79 Displaying All Users Using Office Fabric UI React DetailsList Control - Part 2

Lecture 80 Displaying All Users Using Office Fabric UI React DetailsList Control - Part 3

Section 15: Developing Isolated Web Parts

Lecture 81 Introduction To Isolated Web Parts

Lecture 82 Developing and Testing an Isolated Web Part

Section 16: CRUD Operations with React JS

Lecture 83 office-ui-fabric-react Version : 6.189.2

Lecture 84 Displaying All Records of a List

Lecture 85 Displaying All Records Of List Using Office Fabric UI React - Part 2

Lecture 86 Performing Insert Operation

Lecture 87 Performing Update Operation

Lecture 88 Performing Delete Operation

Section 17: Working with SPHttpClientBatch

Lecture 89 Important Note

Lecture 90 Submitting Create and Select requests as part of One Batch

Lecture 91 Testing the Web Part and Verifying execution using browser Developer Tools

Section 18: Developing Connectable Web Parts

Lecture 92 Implementing Provider Web Part - Part 1

Lecture 93 Implementing Provider Web Part - Part 2

Lecture 94 Implementing Consumer Web Part

Lecture 95 Testing Connectable Web Parts Functionality

Section 19: Working with Azure Function Apps

Lecture 96 Installing Pre-requisites

Lecture 97 Creating a New Function App On Azure Portal

Lecture 98 Developing and Deploying a Custom Rest API To Azure - Part 1

Lecture 99 Developing and Deploying a Custom Rest API To Azure - Part 2

Lecture 100 Consume Azure Hosted REST API from SPFx React Component

Section 20: Working with Azure Active Directory Http Client Factory

Lecture 101 Introduction To AadHttpClient

Lecture 102 Installing Office 365 CLI

Lecture 103 Developing a SPFx React Component Using AadHttpClient

Section 21: Custom Secured REST API On Azure AD

Lecture 104 Creating & Configuring a New Function App on Azure AD

Lecture 105 Developing & Deploying Secured REST API To Azure AD

Lecture 106 Consuming Secured REST API from SPFx React Component

Section 22: Working with SPA Pages

Lecture 107 Developing a Single Page Application

Section 23: Logging & Debugging Techniques

Lecture 108 Implementing Logging Mechanism

Lecture 109 Debugging Inside Visual Studio Code

Section 24: Implementing Localization Support

Lecture 110 Applying Localization Support To SPFx Solution

Section 25: Working with MS Teams from SPFx

Lecture 111 Developing and Deploying SPFx Web Part

Lecture 112 Deploying Web Part to Microsoft Teams

Section 26: Deployment

Lecture 113 Hosting Assets on local server

Lecture 114 Hosting Assets on SharePoint Online

Lecture 115 Using Office 365 CDN To Host Web Part

Lecture 116 Hosting Client Side Assets using Site Assets

Lecture 117 Using Azure CDN To Host Web Part

Section 27: Developing Custom Gulp Tasks

Lecture 118 Creating a Custom Gulp Task using Gulp Sequence

Lecture 119 Creating Custom Gulp Sub Tasks as Build Dependency Tasks

Lecture 120 Creating Pre-Build and Post-Build Custom Gulp Tasks

This course is beneficial for those people who want to learn SharePoint Framework Development from scratch or who are already involved in developing solutions using earlier versions of SharePoint like 2007,2010,2013,2016,2019.