SQL Server IaaS Agent extension in Azure Portal
Posted By : Ranjan Pandey
The SQL Server IaaS Agent extension (SqlIaasExtension) runs on SQL Server on Azure Virtual Machines (VMs) to automate management and administration ta ....
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 UpgradeInstructor-Led Training
32-Hour of Instructor-Led Training One to one doubt resolution sessions Virtual Lab AccessReviews
Dipak Agarwal - Business Analyst at Genpact
(5/5)
Excellent professional & comfortable environment to learn
The training was good, I would like to go through some more training.
Gurpreet Marwaha - IAM Analyst at National Australia Bank, Australia
(5/5)
I learned a lot
Excellent Office 365 training provided by Flexmind
Kiranmai Yachareni - Web Developer at Total Quality Logistics, USA
(5/5)
Excellent ability to clarify all the queries I raised
Thank You! I would definitely recommend it to others. The training session was very informative and interactive. Very useful and definitely thought-provoking. All the module sessions were clear and interactive, great, and friendly. Catered to all levels, which was good for those just starting out and those with more experience. I really appreciate the recorded videos and training material, which would be definitely helpful for later references.
Praveen S (Associate at Grant Thornton LLP)
(5/5)
Excellent knowledge of the trainer on the Subject
I attended PowerApps/Flow training from Flexmind. The topics of the course were well organized & knowledge of the trainer on the subject was excellent. It was very helpful and I will apply in my day to day task at the office. I will definitely recommend a friend or colleague to attend courses from Flexmind.
Course Related Posts
XML node Trilogy in PAD - Part-II
Posted By : Ranjan Pandey
Hello everyone, today we will see the second part of the XML node Trilogy in PAD. You can go through this link to see the previous article. In this ar ....
XML Node in Power Automate Desktop
Posted By : Ranjan Pandey
Happy New Year readers !! Hope you all are doing well. In today’s article, we will see how to use XML Node in Power Automate Desktop. You can re ....
Burp Suite — Web Security Testing
Posted By : Ranjan Pandey
Burp Suite — Web Security Testing is an integrated platform/graphical tool for performing security testing of web applications. Its various tools work ....
What is Terraform and how it is useful in DevOps Practices?
Posted By : Ranjan Pandey
Before starting what Terraform is and how it’s useful in DevOps culture, Let me ask you one simple question. How would you handle the same confi ....
Azure DevOps with Octopus Deploy
Posted By : Ranjan Pandey
In this blog Azure DevOps with Octopus Deploy you will learn how to use Octopus Deploy with Azure DevOps. Octopus Deploy is a single place for your te ....
Azure DevOps Monitor with DataDog
Posted By : Ranjan Pandey
Datadog is the essential monitoring platform for cloud infrastructure, applications, and logs. They bring together data from servers, containers, data ....
Cyber Security Risk prediction for 2021
Posted By : Ranjan Pandey
Wishing you all a cyber-safe and wonderful Christmas / New Year 2021 in advance. In this blog, I will be talking about the Cyber Security Risk predict ....
Learn How to use DateTime and Services Actions in PAD
Posted By : Ranjan Pandey
Hello everyone! Hope you all enjoyed my earlier articles on PAD (Power Automate Desktop). Today we will learn how to use DateTime and services actions ....
Kofax Total Agility 7.8 – Quick Capture & Custom Activities
Posted By : Ranjan Pandey
In this blog, we will help you understand a couple of new features added in the KTA 7.8 version. You will learn about quick capture, a browser-ba ....