SharePoint Framework Training

SharePoint Framework Training

In this SharePoint Framework training 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.Enroll & Get Certified now!

  • ✔ Course Duration : 40 hrs
  • ✔ Training Options : Live Online / Self-Paced / Classroom
  • ✔ Certification Pass : Guaranteed

SharePoint Framework Training

In this SharePoint Framework training 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.

What you will Learn

  • Work with open source tools Node.js, Yeoman, Gulp
  • Prepare a machine for SharePoint Framework development
  • Work with npm modules inside their project
  • Build client-side web parts with SharePoint Framework
  • Build UI extensions like field customizers or command sets with SharePoint Framework
  • Write and understand JavaScript
  • Use advanced JavaScript patterns like Module and Class
  • Write and compile TypeScript
  • Include other libraries inside their SharePoint Framework project
  • Style their components with Sass (Syntactically Awesome Style Sheets)
  • Use the SharePoint REST API inside SharePoint Framework
  • Consume their own webservices within SharePoint Framework
  • Understand and write React with TypeScript
  • Use JSX as a way to create HTML content
  • Style their customizations with the Office UI Fabric
  • Deploy a SharePoint Framework solution
  • Deploy SharePoint artifacts from within a SharePoint Framework solution
  • Consume the Microsoft Graph API from within SharePoint Framework
  • Configure the build process of Gulp

PREREQUISITES

  • Working knowledge of Microsoft SharePoint
  • Basic knowledge of web development

CURRICULUM

This module explains the development options we have in SharePoint. It gives an overview of the toolchain of SharePoint Framework and how it fits into the SharePoint development story.

Lessons
  • What is SharePoint Framework
  • Why SharePoint Framework?
  • Modern toolchain
  • The Future
After completing this module, students will be able to:
  • Understand the development models in SharePoint
  • Understand why SharePoint Framework was introduced
  • Know what the toolchain consists of and what the role of every tool is

This module explains how to prepare your machine for SharePoint Framework development. Configuring your SharePoint environment for development and deployment is also discussed.

Lessons
  • Setup Office 365
  • Visual Studio Code
  • Node.js/NPM – local hosting and module management
  • Yeoman – project scaffolding
  • Gulp – task runner
Lab: Preparing your machine for the SharePoint Framework
  • Set up an Office 365 developer tenant
  • Set up your development machine
After completing this module, students will be able to:
  • Set up a machine for developing with the SharePoint Framework

This module explains how a node.js project is structured, explains the role of the different components contained within and how to scaffold a project from scratch. It illustrates the different kind of modules you have and how to work with them; i.e. installing, versioning, locking down, caching.

Lessons

Creating a Project Using Modules CommonJS Important Modules

After completing this module, students will be able to:
    Setup a node.js project using npm Install the right modules for their node.js project Loading and caching modules in a node.js project

This module explains how to use the Yeoman generator to create a SharePoint Framework project. It will illustrate the structure of a SharePoint Framework project. This module introduces client-side web parts and how to make basic changes to it. It also introduces the local and online Workbench, where your web parts can be tested.

Lessons
  • Framework Client Web Parts
  • What is a Client Web Part?
  • Creating a project
  • Exploring Project Contents
  • Running Your Project
  • Gulp tasks
  • Web Part Configuration
Lab: Create a SharePoint Framework Web Part
  • Create a SharePoint client-side solution
  • Take a look at the generated project
  • Modify the properties and the property pane
  • Modify the web part
  • Test on SharePoint
After completing this module, students will be able to:
  • Use Yeoman to scaffold a SharePoint Framework project
  • Understand the different components inside a SharePoint Framework project and what their role is
  • Create client-side web parts and make changes to it
  • Run their client-side web parts on the local and online workbench
  • Understand and use the Gulp tasks

This module explains how Typescript solves many of the problems discussed in the previous modules. TypeScript adds type annotations and code compilation to your development process so that you write better code. TypeScript is used by default in all SharePoint Framework generated projects. This module will discuss the TypeScript language and how it can help you in building your enterprise scale applications.

Lessons
  • What is TypeScript
  • Using TypeScript in your project
  • Variables
  • Functions
  • Interfaces and Classes

Lab: Creating a project with TypeScript
    Creating the model classes Providing dummy data Using an external library
After completing this module, students will be able to:
    Use TypeScript as a typed superset of JavaScript Configure the TypeScript compiler tsc to convert the TypeScript to JavaScript Work with interfaces, classes, generics, lambda’s, … in TypeScript Debug the TypeScript code Create TypeScript modules that can be shared and reused

This module explains how to modify the property pane of your web part. It explains how to configure and use your own properties. It discusses how to dynamically load property pane options, create custom property controls, validate property values.

Lessons
  • Client Web Part Properties
  • Webpart Properties
  • Adding Properties
  • Using Properties
  • Preconfigured Entries
  • Dynamic Data
  • Custom Properties
  • Advanced Configuration
After completing this module, students will be able to:
  • Customize the web part property pane with additional properties, groups and pages
  • Synchronously and asynchronously load property options into the property pane
  • Build custom controls to be used inside the property pane
  • Provide property validation

This module explains how to load data in your SharePoint Framework components using the utility classes. The module discusses the SharePoint REST API and how to consume it. Consume your own API and handling cross-origin issues.

Lessons
  • Loading SharePoint data
  • Page Context
  • Web Services Overview
  • REST and ODATA Fundamentals
  • SharePoint REST API’s
  • AJAX
  • Framework HttpClient
  • Solving cross domain issues with CORS
Lab: Loading SharePoint data in a client-side web part
  • Configuring the web part properties
  • Loading SharePoint lists with a DataService and MockService
  • Testing in the local/online workbench
  • Loading items for the selected list
After completing this module, students will be able to:
  • Load/manipulate data from SharePoint by using the SPHttpClient and the SharePoint REST APIs
  • Consuming your own webservice by using the HttpClient

This module will cover the basics of the JavaScript framework React. It discusses how the React component system works, and how to use it inside your SharePoint Framework projects.

Lessons
  • What is React JS
  • Model View ViewModel (MVVM)
  • React Components
  • What is JSX
  • Html Tags vs React Components
  • Creating Components
  • JavaScript Expressions
  • JSX Gotchas
  • Relationship with State Machines
  • Handling Component State
  • Adding Interactivity by means of events
  • Using Multiple Components
  • Transferring props between components
  • The Lifecycle of a Component
  • Alternative Syntax
  • SharePoint Framework and React

This module will cover how to create a single page application using React JS

Lessons
  • Routing components
  • Applying Routing
  • Router implementation
  • Routing concerns
  • Advanced Routing
  • Data Architecture (Flux and Redux)
  • The Flux pattern
  • Implementing Flux store
  • Flux details
  • Redux overview
  • Implementing Redux

This module explains how you can use your SharePoint Framework solutions to provision SharePoint artifacts, like fields, content types, lists to your SharePoint site.

Lessons
  • Deploying SharePoint Artifacts to app catalog
  • Deployment Options
  • Asset Types
  • Features
After completing this module, students will be able to:
  • Deploy artifacts to a SharePoint site using a SharePoint Framework solution

This module explains how to build UI extension for your SharePoint site by means of extensions. It will discuss altering the header/footer of a site with application customizers, creating field customizers to change the rendering of a field and how to use command sets to provide your own command bar buttons.

Lessons
  • SharePoint Framework Extensions
  • Extensions Overview
  • Creating Extensions
  • Application Customizers
  • Creating an application customizer
  • Creating a field customizer
  • Creating a command set

FAQs

You can enroll for this classroom training online. Payments can be made using any of the following options and receipt of the same will be issued to the candidate automatically via email.
1. Online ,By deposit the mildain bank account
2. Pay by cash team training center location

Highly qualified and certified instructors with 20+ years of experience deliver more than 200+ classroom training.

Contact us using the form on the right of any page on the mildaintrainings website, or select the Live Chat link. Our customer service representatives will be able to give you more details.

You will never miss a lecture at Mildaintrainigs! You can choose either of the two options: View the recorded session of the class available in your LMS. You can attend the missed session, in any other live batch.

We have a limited number of participants in a live session to maintain the Quality Standards. So, unfortunately, participation in a live class without enrollment is not possible. However, you can go through the sample class recording and it would give you a clear insight about how are the classes conducted, quality of instructors and the level of interaction in a class.

Yes, you can cancel your enrollment if necessary prior to 3rd session i.e first two sessions will be for your evaluation. We will refund the full amount without deducting any fee for more details check our Refund Policy

Yes, the access to the course material will be available for lifetime once you have enrolled into the course.

Just give us a CALL at +91 8447121833 OR email at info@mildaintrainings.com

Call us At

+91 8447121833

Available 24x7 for your queries
call
Request More Information

Training Features

experiential.png
Experiential Workshops

Top-rated instructors imparting in-depth training, hands-on exercises with high energy workshop

icon
Certificate Exam Application Assistance

The training program includes several lab assignments, developed as per real industry scenarios.

icon
Certificate Exam Success Formula

Training begins taking a fresh approach from basic, unique modules, flexible, and enjoyable.

icon
Certificate Journey Support

Basic to intermediate and eventually advanced practicing full hands-on lab exercises till you master.

icon
Free Refresh Course

Refresh training for experts for mastering and enhancing the skills on the subjects with fresh course modules.

icon
Exclusive Post-Training Sessions

Includes evaluation, feedback, and tips to handle critical issues in live setup after you are placed in a job.

Mildain's Master Certificate

Earn your certificate

This certificate proves that you have taken a big leap in mastering the domain comprehensively.

Differentiate yourself with a Masters Certificate

Now you are equipped with real-industry knowledge, required skills, and hands-on experience to stay ahead of the competition.

Share your achievement

Post the certificate on LinkedIn and job sites to boost your profile. Notify your friends and colleagues by sharing it on Twitter and Facebook.

certificate.jpg
whatsapp arrow
Loading...
Corporate // load third party scripts onload