Kameswara Sarma Uppuluri
(MCT, MCPD, MCTS, MCAD, MCDBA, MCSD)

 

SharePoint FrameWork (SPFx) Development using React

Your Instructor for this course is Kameswara Sarma Uppuluri.

He is an accomplished Senior Technical Corporate Trainer here in India and a consultant. He has been a Microsoft Certified Trainer since 2004 and a Microsoft Certified Professional since 1998. He has delivered various trainings at client places, on Microsoft Technologies for top MNC's in India .

He is passionate about teaching developers how to make the most out of their chosen technologies and doing web development in the best way possible.

He has spent years of developing course materials and teaching professional developers online throughout the world.

He has worked in technology for 16 years, specializing in web Development,Content Management Systems,databases and business intelligence.

He is an independent consultant that enjoys development and teaching.

He is a consultant based in Hyderabad, India. He has over 16 years of experience in the IT field, and over a decade of experience as a trainer.

He is an expert in SharePoint Development/Configuration/,Administration and .NET development and Database business intelligence technologies.
Live Online Training Videos

Course Fee : ₹ 5000/-

Course Duration :
35 Days
Session Duration :
90 Minutes (Mon – Sat)

 
 

What is SPFx?
  • 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.
Audience Profile:

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 2010,2013,2016,2019.


Prerequisites

This course is designed for individuals with an intermediate knowledge of JavaScript and any one web development technology.


Our Trainer's Profile :
  • Our Trainers speak from Experience
  • Our Trainers Are Subject Matter Experts
  • Our Trainers Are Expert instructors
  • Our Trainers are Microsoft Certified
  • Our Trainers have more than 13+ years of experience on Microsoft Technologies
Career Path :

After completing this course you will be able to take up the roles of
  • SharePoint Online Developer


Lesson 1 - Big Picture of SPFx

In this lesson, we will cover the following topics.
  1. Introduction To SPFx
  2. Setting Up Development Environment- Part 1
  3. Setting Up Development Environment- Part 2
  4. Upgrading NodeJs Version to 12.x for SPFx 1.12.1 and Yo 4.2.0 Versions
  5. Upgrading NodeJs Version to 14.x for SPFx 1.14.0 and Yo 4.3.0 Versions
  6. Setting Up Development Environment- Part 3
  7. Creating An App Catalog
  8. Creating a Site Collection
  9. Complete Course Exercise Files
  10. Important Note : Course Exercise Files
  11. SPFx Version 1.14.0 - Course Exercise Files

Lesson 2 - Working With SharePoint Client Side Web Parts

In this lesson, we will cover the following topics.
  1. Developing a Simple SharePoint Client Side Web Part Using SPFx 1.14.0
  2. Developing a Simple SharePoint Client Side Web Part- Approach 1
  3. Developing a Simple SharePoint Client Side Web Part- Approach 2
  4. Developing a Simple SharePoint Client Side Web Part- Approach 3
  5. Finding Out SPFx Version of Your SPFx Solution
  6. Creating Multiple Web Parts as part of Single Solution
  7. Understanding Web Part Project Structure
  8. Understanding SkipFeatureDeployment Option Practically
  9. Developing a Web Part To Read Site Properties
  10. Finding out SharePoint Environment Info
  11. Accessing Culture Info Details Using a Web Part
  12. Get List of Lists Of A SharePoint Site

Lesson 3 - Working With Property Pane

In this lesson, we will cover the following topics.
  1. Overview of Property Panes
  2. Working with TextBoxes
  3. Assign Default Values using JSON File
  4. Working with onInit Function
  5. Disabling Reactive Changes

Lesson 4 - Working With Property Pane Various Controls

In this lesson, we will cover the following topics.
  1. Working with PropertyPaneToggle
  2. Working with PropertyPaneSlider
  3. Working with PropertyPaneChoiceGroup
  4. Working with PropertyPaneChoiceWithImages
  5. Working with PropertyPaneDropDown
  6. Working with PropertyPaneCheckBox
  7. Working with PropertyPaneLink
  8. Working with Multiple Groups
  9. Working with Multiple Pages
  10. Modifying Default Icon

Lesson 5 - Working with SPHttpClient

In this lesson, we will cover the following topics.
  1. Create a New List using SPHttpClient
  2. Create a New Site using SPHttpClient

Lesson 6 - CRUD Operations With NoJavaScriptFramework

In this lesson, we will cover the following topics.
  1. Inserting Records Into a List
  2. Reading the details of a Single Record
  3. Updating a Record Of a List
  4. Reading all records of a List

Lesson 7 - CRUD Operations With sp-pnp-js Library

In this lesson, we will cover the following topics.
  1. Inserting Records Into a List
  2. Reading the details of a Single Record
  3. Updating a Record Of a List
  4. Reading all records of a List
  5. Deleting a Record of a List
  6. Important Note : Using sp-pnp-js Library on Production Environment

Lesson 8 - Creating SharePoint Artefacts

In this lesson, we will cover the following topics.
  1. Creating Site Columns,Site Content Types,Lists through Code
  2. Learn How to Version features and Upgrade Features

Lesson 9 - Working with Library

In this lesson, we will cover the following topics.
  1. Creating a Library
  2. Test Library locally
  3. Deploy Library to SharePoint Online and Test
  4. Setting Full Width layout

Lesson 10 - Working with Spfx Extensions

In this lesson, we will cover the following topics.
  1. Creating an ApplicationCustomizer Extension - Demo 1
  2. Creating an ApplicationCustomizer Extension - Demo 2
  3. Creating FieldCustomizer Extension
  4. Creating Field Customizer Extension Using React
  5. Creating CommandSet Extension
  6. Performing BulkUpdate using ListView CommandSet Extension

Lesson 11 - Working With React

In this lesson, we will cover the following topics.
  1. Creating a Simple Spfx Web Part using React
  2. Creating a React Component To Read Site Properties
  3. Understanding React Component Life Cycle
  4. Display List Items of a List using React - Part 1
  5. Display List Items of a List using React - Part 2

Lesson 12 - Working With Anonymous API

In this lesson, we will cover the following topics.
  1. Invoking Anonymous API from Spfx Web Part
  2. Invoking Anonymous API from React Component
  3. Invoking Anonymous API from React Component - Part 2

Lesson 13 - Working with External Libraries

In this lesson, we will cover the following topics.
  1. Develop a Spfx Web Part to work with External Libraries
  2. Working with External Template Class

Lesson 14 - Working with MS Graph API

In this lesson, we will cover the following topics.

  1. Overview of Graph API
  2. Working with GraphAPI using NoJavaScript Framework
  3. Overview of Graph API Calendar
  4. Working with GraphAPI using React Framework To Read Calendar Events - Part 1
  5. Displaying All Users Using Office Fabric UI React DetailsList Control - Part 1
  6. Displaying All Users Using Office Fabric UI React DetailsList Control - Part 2
  7. Displaying All Users Using Office Fabric UI React DetailsList Control - Part 3

Lesson 15 - Developing Isolated Web Parts

In this lesson, we will cover the following topics.
  1. Introduction To Isolated Web Parts
  2. Developing and Testing an Isolated Web Part

Lesson 16 - CRUD Operations with ReactJs

In this lesson, we will cover the following topics.
  1. office-ui-fabric-react Version : 6.189.2
  2. Displaying All Records of a List
  3. Displaying All Records Of List Using Office Fabric UI React - Part 2
  4. Performing Insert Operation
  5. Performing Update Operation
  6. Performing Delete Operation

Lesson 17 - Working with SPHttpClientBatch

In this lesson, we will cover the following topics.
  1. Important Note
  2. Submitting Create and Select requests as part of One Batch
  3. Testing the Web Part and Verifying execution using browser Developer Tools

Lesson 18 - Developing Connectable Web Parts

In this lesson, we will cover the following topics.
  1. Implementing Provider Web Part - Part 1
  2. Implementing Provider Web Part - Part 2
  3. Implementing Consumer Web Part
  4. Testing Connectable Web Parts Functionality

Lesson 19 - Working with Azure Function Apps

In this lesson, we will cover the following topics.
  1. Installing Pre-requisites
  2. Creating a New Function App On Azure Portal
  3. Developing and Deploying a Custom Rest API To Azure - Part 1
  4. Developing and Deploying a Custom Rest API To Azure - Part 2
  5. Consume Azure Hosted REST API from SPFx React Component

Lesson 20 - Working with Azure Active Directory Http Client Factory

In this lesson, we will cover the following topics.
  1. Introduction To AadHttpClient
  2. Installing Office 365 CLI
  3. Developing a SPFx React Component Using AadHttpClient

Lesson 21 - Custom Secured REST API On Azure AD

In this lesson, we will cover the following topics.
  1. Creating & Configuring a New Function App on Azure AD
  2. Developing & Deploying Secured REST API To Azure AD
  3. Consuming Secured REST API from SPFx React Component

Lesson 22 - Working With SPA Pages

In this lesson, we will cover the following topics.
  1. Developing a Single Page Application

Lesson 23 - Logging & Debugging Techniques

In this lesson, we will cover the following topics.
  1. Implementing Logging Mechanism
  2. Debugging Inside Visual Studio Code

Lesson 24 - Implementing Localization Support

In this lesson, we will cover the following topics.
  1. Applying Localization Support To SPFx Solution

Lesson 25 - Working with MS Teams from SPFx

In this lesson, we will cover the following topics.
  1. Developing and Deploying SPFx Web Part
  2. Deploying Web Part to Microsoft Teams

Lesson 26 - Deployment

In this lesson, we will cover the following topics.
  1. Hosting Assets on local server
  2. Hosting Assets on SharePoint Online
  3. Using Office 365 CDN To Host Web Part
  4. Hosting Client Side Assets using Site Assets
  5. Using Azure CDN To Host Web Part

Lesson 27 - Developing Custom Gulp Tasks

In this lesson, we will cover the following topics.
  1. Creating a Custom Gulp Task using Gulp Sequence
  2. Creating Custom Gulp Sub Tasks as Build Dependency Tasks
  3. Creating Pre-Build and Post-Build Custom Gulp Tasks
Why you should choose UIAcademy.co.in as your Online Training provider?

• We are into training industry for more than 16+ years.
• Scenario Based Training.
• Certification Exam preparation.
• Our trainers are certified and qualified with Real-World experience.
• Our Large List of Satisfied Students & Clients Around the World.
• Demo of live project including Source Code and other resources will be provided to the students.
• Students will have access to soft copies of all the Case Studies and other examples used during the sessions.
• We provide complete guidance towards MCP Certification Exams.
• Step by Step Lab Manuals and Course Materials.
• Resume and Interview Preparation Guidance.
 
 
Client Testimonials
 

I would highly recommend UIAcademy.IN for SPFX training for anyone new to SPFX or anyone wanting to improve or upgrade their SPFX skill set. I have learned not only subject but coding standards too.
Ravindra
Australia
 

 

Client Testimonials
 

My SPFX Course at UIAcademy.IN enabled me to develop custom websites for three customers, which is exactly what I wanted it to do. No previous courses that I did for no reason at other places, did such an excellent job of demonstrating the subject
Amin Khan
Pune
 

 
Home Training Courses Support Company  
 
SharePoint 2019, SPFx
Angular , React , Vue
ASP.NET Core MVC , Blazor
SQL SERVER 2019
SSIS 2019 , SSRS 2019
Why UIAcademy ?
Free Videos
Training Schedule
About Us
Contact Us
Careers
Online Training
© Copyright 2010 - 2023 | UIAcademy.co.in | All trademarks and logos are the sole property of their respective owners.