• (+225) 27 22 41 72 50
  • sales@microivoire.ci

Vous êtes ici :

Formation sur le développement avec SharePoint Framework

,

Tous les niveaux

Cette formation SharePoint de cinq jours dirigée par un instructeur est conçue pour les développeurs. Qui a besoin de créer des solutions côté client avec SharePoint Framework ?

Dans ce cours, les professionnels découvriront les outils nécessaires au développement avec SharePoint Framework. De plus, l’utilisation de TypeScript en tant que sur-ensemble typé de JavaScript est expliquée.  

Introduction à la bibliothèque JavaScript React, couramment utilisée dans les formations SharePoint Framework. Grâce à toutes ces techniques, les professionnels comprendront comment créer des composants WebPart côté client et des extensions avec SharePoint Framework. En informatique, certaines méthodes avancées seront utilisées comme la journalisation, le débogage, etc.

Après avoir terminé ce cours SharePoint Framework, les professionnels apprendront à introduire le framework JavaScript, à fournir des tests unitaires, à configurer le packaging et à déployer leurs solutions.

Cette formation est conçue sur la base des objectifs de la variante de cours 55249A.

Afficher plus

À qui s'adresse cette formation ?

  • Public cible

Ce cours est destiné aux développeurs expérimentés qui souhaitent commencer à créer des solutions avec SharePoint Framework.

Aucune connaissance préalable de JavaScript ou de TypeScript n’est requise. Il est conseillé de connaître SharePoint.

  • Prérequis
  • Connaissance pratique de Microsoft SharePoint
  • Connaissances de base du développement Web

Les objectifs de la formation

  • Apprendre à développer des applications modernes et personnalisées pour SharePoint avec SharePoint Framework (SPFx).
  • Maîtriser la création de web parts, extensions, et autres composants SharePoint.
  • Intégrer SharePoint avec des services tiers et des API REST.
  • Acquérir des compétences pour déployer et gérer des solutions SharePoint Framework sur SharePoint Online et On-Premises.
  • Développer des solutions personnalisées en respectant les meilleures pratiques de sécurité et de performance.

Contenu de la formation

  • Présentation de SharePoint Framework

    • Qu’est-ce que SharePoint Framework
    • Pourquoi SharePoint Framework ?
    • Chaîne d’outils moderne

  • Préparation de votre machine pour SharePoint Framework

    • Configurer Office 365
    • Installation du logiciel

  • Atelier : Préparation de votre machine pour SharePoint Framework

    • Configurer un locataire développeur Office 365
    • Configurez votre machine de développement

  • Node.js

    • Configurer un projet node.js à l’aide de npm
    • Installer les bons modules pour leur projet node.js
    • Chargement et mise en cache de modules dans un projet node.js

  • Composants WebPart clients SharePoint Framework

    • Composants Web Client Framework
    • Qu’est-ce qu’un composant WebPart client ?
    • Créer un projet
    • Exploration du contenu du projet
    • Exécution de votre projet
    • Tâches de déglutition
    • Configuration du composant WebPart

  • Laboratoire : Créer un composant WebPart SharePoint Framework

    • Créer une solution côté client SharePoint
    • Jetez un oeil au projet généré
    • Modifier les propriétés et le volet de propriétés
    • Modifier le composant WebPart
    • Tester sur SharePoint

  • Introduction à JavaScript

    • Qu’est-ce que JavaScript
    • Qu’est-ce que ECMAScript
    • Utilisation des bibliothèques pour étendre les fonctionnalités JavaScript
    • Débogage de JavaScript avec le débogueur du navigateur

  • Langage JavaScript

    • Variables, objets, tableaux et fonctions
    • Portées et fermetures JavaScript
    • Paramètres de fonction
    • Constructeurs de fonctions
    • Prototypes
    • Gestion des erreurs

  • Laboratoire : Notions de base de JavaScript

    • Lire un nombre saisi par un utilisateur et le comparer à une valeur aléatoire
    • Écrire une fonction pour tester les éléments d’un tableau
    • Écrire une fonction qui transforme la casse d’une chaîne
    • Écrire un jeu de pierre-papier-ciseaux en utilisant des objets JavaScript
    • Résoudre un problème de portée JavaScript

  • Modèles JavaScript

    • Modèle de rappel
    • Hachage des options
    • Fonctions auto-invoquées
    • Modèle de classe
    • Modèle de module
    • L’auto-référence

  • TypeScript

    • Qu’est-ce que TypeScript
    • Utiliser TypeScript dans votre projet
    • Variables
    • Fonctions
    • Interfaces et classes
    • Modules et espaces de noms

  • Atelier : Créer un magasin de jouets avec TypeScript

    • Création des classes de modèles
    • Fournir des données fictives
    • Créer le panier d’achat
    • Utiliser une bibliothèque externe

  • Propriétés du composant WebPart client

    • Propriétés du composant WebPart client
    • Propriétés du composant WebPart
    • Ajout de propriétés
    • Utilisation des propriétés
    • Entrées préconfigurées
    • Données dynamiques
    • Propriétés personnalisées
    • Configuration avancée

  • Chargement des frameworks et des bibliothèques

    • Chargement de bibliothèques et/ou de frameworks
    • Considérations
    • Paquet NPM
    • Chargement à partir d’une URL
    • Chargement d’une copie locale
    • Chargement de jQuery et des plugins
    • Chargeur de composants

  • SASS

    • Qu’est-ce que SASS ?
    • La langue
    • Variables
    • Types
    • Commentaires
    • Règles et propriétés imbriquées
    • Partiels
    • Étendre
    • Mixins
    • Fonctions

  • Laboratoire : Sass dans un projet SharePoint Framework

    • Optimisation du fichier SCSS
    • Imbrication et extension
    • Travailler avec des mixins
    • Observation du CSS généré

  • Chargement de données SharePoint dans un composant WebPart client

    • Chargement des données SharePoint
    • Contexte de la page
    • Présentation des services Web
    • Notions de base sur REST et ODATA
    • API REST SharePoint
    • AJAX
    • Cadre HttpClient
    • Résoudre les problèmes inter-domaines avec CORS

  • Laboratoire : chargement de données SharePoint dans un composant WebPart côté client

    • Configuration des propriétés du composant WebPart
    • Chargement de listes SharePoint avec un DataService et un MockService
    • Tests dans l’atelier local/en ligne
    • Chargement des éléments de la liste sélectionnée

  • Créez et déployez votre projet SharePoint Framework

    • Créer et déployer une solution Framework
    • Aperçu
    • Bâtiment
    • Déploiement

  • Laboratoire : Déploiement d'un composant WebPart client SharePoint Framework

    • Créer un emplacement de déploiement
    • Générer les fichiers d’actifs du composant WebPart
    • Générer le package
    • Utilisation du composant WebPart

  • React

    • Qu’est-ce que React JS
    • Vue du modèle Vue du modèle (MVVM)
    • Composants React
    • Qu’est-ce que JSX
    • Balises HTML vs composants React
    • Création de composants
    • Expressions JavaScript
    • Les pièges de JSX
    • Relation avec les machines d’état
    • Gestion de l’état du composant
    • Ajout d’interactivité au moyen d’événements
    • Utilisation de plusieurs composants
    • Transfert d’accessoires entre composants
    • Le cycle de vie d’un composant
    • Syntaxe alternative
    • SharePoint Framework et React

  • Laboratoire : création de composants React pour afficher les membres et les autorisations de votre site

    • Modification du composant WebPart des autorisations du site
    • Création du composant principal
    • Créer la couche de service de données
    • Visualiser les données à l’intérieur de votre composant
    • Création du composant pour afficher les membres du groupe

  • Framework et Office-UI-Fabric

    • Qu’est-ce qu’Office UI Fabric ?
    • Versions de l’interface utilisateur Office Fabric
    • Styles de noyau de tissu
    • Exemples d’utilisation
    • Fabric Components
    • Fabric JS
    • ngOfficeUIFabric
    • Fabric React

  • Laboratoire : Utilisation des composants Office UI Fabric React

    • Créer un composant WebPart SharePoint Framework pour la gestion des installations
    • Améliorez l’apparence avec Office UI Fabric

  • Déploiement d'artefacts SharePoint

    • Déploiement d’artefacts SharePoint
    • Options de déploiement
    • Types d’actifs
    • Caractéristiques

  • Microsoft Graph

    • Introduction à Microsoft Graph
    • Fournisseurs d’authentification
    • API Microsoft Graph
    • Développement

  • Extensions SharePoint Framework

    • Extensions de SharePoint Framework
    • Présentation des extensions
    • Créer des extensions
    • Personnalisateurs d’applications
    • Personnalisateurs de champs
    • Ensembles de commandes

  • Laboratoire : Utilisation du nouveau client Microsoft Graph à partir d'une extension d'application

    • Créer le projet d’extension
    • Récupération de données à partir de Microsoft Graph à l’aide de GraphHttpClient
    • Rendre les données à l’intérieur de votre composant

  • Webpack

    • Qu’est-ce que Webpack
    • Entrées et sorties
    • Utilisation des chargeurs
    • Le besoin de plugins

  • Glouton

    • Installation de Gulp en tant que module de nœud
    • Primitives de Gulp
    • Gulp par l’exemple

  • Tests unitaires des composants WebPart

    • Cadres de test inclus
    • Exécution de tests
    • Test des composants

Formation

Référence :

55249

Durée :

5 jours

Demander un devis


Ce cours est réalisable en intra-entreprise, dans vos locaux, dans nos salles ou à distance.

Contacter notre service Intra

Copyright – 2024 – Micro Ivoire – All rights reserved. Powered by Marc & Co.