Mid Month offer - Upto 25% off | OFFER ENDING IN:

  • Home
  • [email protected]
  • +91 8447121833 / 0120 4326873
  • Thanks for Contacting us Our representative will be in touch with you shortly

    This website uses cookies

    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, 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 [email protected]

    CERTIFICATE OF ACHIEVEMENT

    Training features

  • Instructor-led Sessions
    Online Live Instructor-Led Classes.
    Classroom Classes at our/your premises.
    Corporate Training
  • Real-life Case Studies
    Live project based on any of the selected use cases, involving implementation of the various Course concepts.
  • Assignments
    Each class will be followed by practical assignments.
  • Lifetime Access
    You get lifetime access to presentations, quizzes, installation guide & class recordings.
  • 24 x 7 Expert Support
    We have 24x7 online support team to resolve all your technical queries, through ticket based tracking system, for the lifetime.
  • Certification
    Sucessfully complete your final course project and Mildaintrainings will give you Course completion certificate.
  • More Courses

    Modes of Training

  • Most
    Preffered

    Online Classroom


    Instructor Led Trainings
    Live Online Classroom

    View Schedules
  • One to One


    Instructor Led Training
    Live Online Classroom

    Request a Session
  • Team/Corporate


    Train your Team
    and Up-skill them

    Request a Quote
  • Demo Videos

    Our Corporate Clients

    Inquiry: Call | Whats App: +91-8447121833 | Email: [email protected]

    ENROLL NOW