Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

Developing with the SharePoint Framework

( Duration: 5 Days )

This SharePoint Framework Development training course is intended for developers who want to be able to create client-side applications with SharePoint Framework. In this course, you will learn about the new tools needed when developing with SharePoint Framework. Next to that, JavaScript and its potential pitfalls are discussed, leading into using TypeScript as typed superset of JavaScript. You will also be introduced to the JavaScript library React, which is commonly used inside SharePoint Framework components. Using all these, previously mentioned, techniques, you will learn how to build client-side web parts, extensions, field customizers,… with SharePoint Framework. Finally, you will learn to include other JavaScript frameworks, provide unit tests, configure the packaging and deploying their solutions.

By attending SharePoint Framework Development workshop, delegates will learn to:

  • 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

  • No prior knowledge of JavaScript or TypeScript is required. Knowing your way around SharePoint is advised.

The SharePoint Framework Development class is ideal for:

  • Experienced developers who want to start building solutions with SharePoint Framework.

COURSE AGENDA

1

SharePoint Framework Overview

  • What is SharePoint Framework
  • Why SharePoint Framework?
  • Modern toolchain
  • The Future
2

Preparing your machine for the SharePoint Framework

  • Setup Office 365
  • Software Installation
3

Node.js Modules

  • Modules
  • Creating a Project
  • Using Modules
  • CommonJS
  • Important Modules
4

SharePoint Framework Client Web Parts

  • Framework Client Web Parts
  • What is a Client Web Part?
  • Creating a project
  • Exploring Project Contents
  • Running Your Project
  • Gulp tasks
  • Web Part Configuration
5

JavaScript Introduction

  • What is JavaScript
  • What is ECMAScript
  • Using libraries to extend JavaScript functionality
  • Debugging JavaScript with the browser debugger
6

JavaScript Language

  • Variables, Objects, Arrays and Functions
  • JavaScript Scopes and Closures
  • Function Parameters
  • Function Constructors
  • Prototypes
  • Error handling
7

JavaScript Patterns

  • Callback Pattern
  • Options hashing
  • Self-invoking functions
  • Class Pattern
  • Module Pattern
  • The self reference
8

TypeScript

  • What is TypeScript
  • Using TypeScript in your project
  • Variables
  • Functions
  • Interfaces and Classes
  • Modules and Namespaces
9

Client Web Part Properties

  • Client Web Part Properties
  • Webpart Properties
  • Adding Properties
  • Using Properties
  • Preconfigured Entries
  • Dynamic Data
  • Custom Properties
  • Advanced Configuration
10

Loading Frameworks and Libraries

  • Loading Libraries and/or Frameworks
  • Considerations
  • NPM Package
  • Loading from a URL
  • Loading A Local Copy
  • Loading jQuery and plugins
  • Component loader
11

SASS

  • What is SASS?
  • The Language
  • Variables
  • Types
  • Comments
  • Nested Rules and Properties
  • Partials
  • Extend
  • Mixins
  • Functions
12

Loading SharePoint Data in a client web part

  • 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
13

Build and deploy your SharePoint Framework project

  • Build and Deploy a Framework solution
  • Overview
  • Building
  • Deployment
14

React

  • 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
15

Framework and Office-UI-Fabric

  • What Is Office UI Fabric?
  • Office UI Fabric Versions
  • Fabric Core Styles
  • Example Uses
  • Fabric Components
  • Fabric JS
  • ngOfficeUIFabric
  • Fabric React
16

Deploying SharePoint Artifacts

  • Deploying SharePoint Artifacts
  • Deployment Options
  • Asset Types
  • Features
17

Microsoft Graph

  • Introduction to Microsoft Graph
  • Authentication Providers
  • Microsoft Graph API
  • Development
18

SharePoint Framework Extensions

  • SharePoint Framework Extensions
  • Extensions Overview
  • Creating Extensions
  • Application Customizers
  • Field Customizers
  • Command Sets
19

Webpack

  • What is Webpack
  • Entries and Outputs
  • Using Loaders
  • The need for Plugins
20

Gulp

  • Installing Gulp as a node module
  • Gulp primitives
  • Gulp by example
21

Unit testing web parts

  • Included test frameworks
  • Running tests
  • Component testing

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X