#CollabMTL

4 novembre 2016

SharePoint Framework : De A à ZSébastien LevertDevelopment Lead @ 2toLead

#CollabMTL

Qui est Sébastien Levert !?

Montreal, Canada 2toLead.comOffice

Development MVP

Web Developer @sebastienlevertsebastienlevert.co

m

#CollabMTL

Agenda• Les origins• Les outils• Les premiers pas• Notions avancées

Les origines

#CollabMTL

of customers are leveraging cloud for their applications—from pilots to production apps1

72%

2003 2007 2010 20132001

2000

Sources:1. 451 Research, Hosting and Cloud Study, 2014

Full Trust CodePartial Trust Code

Microsoft Managed Solutions

Microsoft Online Services

App Model

2016

Accelerating web development

#CollabMTL

2013

Full Trust CodePartial Trust Code

App Model

Enterprise-Grade

Modern Toolchain

User Focused

Customer

PatternsMicrosoftConsistentPlatform

UX Extensions Data Access Eventing Solutions HostCustom Presentation

2016 Client Side and Open Source

Client Side and Remotely Hosted

REST and Cleaner Contracts

Web Hooks and Web Sockets

Cloud SaaS and Client Side Logic

Accelerating web development

Les outils

#CollabMTL

IIS Express

Project Templates

C#

Server side tool comparison

MSBuild

#CollabMTL

#CollabMTL

#CollabMTL

#CollabMTL

Les premiers pas

#CollabMTL

Création d’un projet SPFx

#CollabMTL

Les commandes pratiquesyo @microsoft/sharepoint

gulp bundle

gulp serve

gulp package-solution

#CollabMTL

Le Workbench

Notions avancées

#CollabMTL

Les propriétés• Les propriétés des webparts sont nativement

supportées

• Elles peuvent être réactives, ou non

• Elles peuvent être dynamiques, ou non

• Il est possible de créer contrôles personnalisés

#CollabMTL

La localisation• Support des localisations

• Utilisation de fichiers de ressources JSON

• La langue est définie par le profil usager + la langue du site

#CollabMTL

Accès au contenu SharePoint• Des appels AJAX réguliers peuvent être utilises

• L’utilisation de HttpClient est recommandée pour discuter avec SharePoint

• L’utilisation des Promise vous évitera de créer du code “spaghetti”

#CollabMTL

Déploiement• Création d’un fichier .spapp contenant les

manifestes

• Déploiement des fichiers statiques vers un CDN

• Utilisation de Gulp pour le déploiement vers Azure CDN

#CollabMTL

Limitations• Ne supporte que les Client-Side Web Part pour

l’instant

• Aucune garantie de support lors de nouveaux Drops

• Ne fonctionne que sur les tenants de développement

• Un seul web part à la fois peut être débuggé

Prochaines étapes

#CollabMTL

Prochaines étapes• https://dev.office.com pour créer un nouveau

tenant de développement

• https://github.com/sharepoint pour toutes les références incluant la documentation et les exemples

#CollabMTL

Questions ? Commentaires ?

Montreal, Canada 2toLead.comOffice

Development MVP

Web Developer @sebastienlevertsebastienlevert.co

m

#CollabMTL

Merci à nos commanditaires !