Il corso Developing Solutions with SharePoint Framework (SPFx) fornisce le competenze necessarie per progettare, sviluppare, testare e distribuire soluzioni moderne per SharePoint Online utilizzando SharePoint Framework.
Il percorso introduce l’architettura di SPFx e il moderno modello di sviluppo client-side basato su TypeScript, JavaScript, React, Node.js e strumenti open source, mostrando come creare componenti integrati nell’esperienza moderna di SharePoint.
I partecipanti imparano a configurare l’ambiente di sviluppo, creare progetti SPFx, comprendere la struttura delle solution, sviluppare Web Part client-side e utilizzare il contesto SharePoint per interagire con siti, utenti, liste e document library.
Particolare attenzione viene dedicata allo sviluppo di interfacce moderne con React, alla gestione delle proprietà delle Web Part, all’utilizzo di Fluent UI e alla progettazione di componenti riutilizzabili e coerenti con l’esperienza Microsoft 365.
Il corso approfondisce inoltre l’accesso ai dati tramite SharePoint REST API e Microsoft Graph, mostrando come effettuare chiamate HTTP, gestire autenticazione e autorizzazioni e richiedere API permissions in modo corretto.
Vengono introdotte le principali SPFx Extensions, tra cui Application Customizer, Field Customizer, ListView Command Set e Form Customizer, permettendo ai partecipanti di comprendere come estendere non solo le pagine ma anche altre parti dell’interfaccia SharePoint.
Il percorso affronta infine il ciclo di vita completo di una soluzione SPFx: sviluppo locale, debugging, build, packaging, generazione del file .sppkg, distribuzione nell’App Catalog, gestione delle API permissions e aggiornamento delle versioni.
Attraverso laboratori progressivi, i partecipanti sviluppano una soluzione SharePoint completa, acquisendo una base tecnica solida per affrontare successivamente scenari più complessi con Advanced SharePoint Framework Development.
Il corso è indicato per:
- SharePoint Developer;
- Microsoft 365 Developer;
- Web Developer;
- Front-end Developer;
- JavaScript Developer;
- TypeScript Developer;
- SharePoint Consultant;
- Microsoft 365 Consultant;
- Application Developer;
- Software Developer;
- Technical Consultant;
- sviluppatori che devono modernizzare personalizzazioni SharePoint
Al termine del corso i partecipanti saranno in grado di:
- comprendere l’architettura di SharePoint Framework;
- configurare un ambiente di sviluppo SPFx;
- utilizzare Node.js e npm;
- utilizzare il generatore SharePoint;
- comprendere la struttura di un progetto;
- utilizzare TypeScript;
- sviluppare client-side Web Parts;
- utilizzare React in SPFx;
- creare componenti React;
- gestire props e state;
- utilizzare hooks di base;
- utilizzare Fluent UI;
- configurare Property Pane;
- leggere informazioni dal Web Part Context;
- accedere a liste e library;
- utilizzare SharePoint REST API;
- utilizzare SPHttpClient;
- utilizzare Microsoft Graph;
- utilizzare MSGraphClient;
- richiedere API permissions;
- comprendere OAuth e delegated permissions;
- sviluppare Application Customizer;
- sviluppare Field Customizer;
- sviluppare ListView Command Set;
- comprendere Form Customizer;
- gestire errori e debugging;
- eseguire build production;
- creare package
.sppkg;
- utilizzare App Catalog;
- distribuire una solution;
- gestire aggiornamenti della solution;
- applicare principi base di sicurezza e performance.
Modulo 1 – Introduzione a SharePoint Framework
- SPFx architecture
- Development model
- Modern SharePoint extensibility
Modulo 2 – Ambiente di sviluppo
- Node.js
- npm
- Visual Studio Code
- SPFx toolchain
Modulo 3 – TypeScript per SPFx
- Types
- Interfaces
- Classes
- Async programming
Modulo 4 – Client-side Web Parts
- Web Part structure
- Lifecycle
- Property Pane
Modulo 5 – React in SPFx
- Components
- Props
- State
- Hooks
Modulo 6 – SharePoint Data Access
- Lists
- Libraries
- REST API
- SPHttpClient
Modulo 7 – Microsoft Graph
- MSGraphClient
- Permissions
- Microsoft 365 data
Modulo 8 – SPFx Extensions
- Application Customizer
- Field Customizer
- Command Set
- Form Customizer
Modulo 9 – UI, Fluent UI and User Experience
- Controls
- Layout
- Responsive design
Modulo 10 – Security, Errors and Debugging
- Permissions
- Secure development
- Debugging
Modulo 11 – Packaging and Deployment
- Build
- .sppkg
- App Catalog
- API approval
Modulo 12 – SPFx Solution Workshop
- Requirements
- Development
- Deployment
Il corso utilizza una metodologia fortemente pratica e orientata allo sviluppo.
Sono previste:
- spiegazioni tecniche;
- live coding;
- esercizi TypeScript;
- sviluppo React;
- creazione di Web Parts;
- utilizzo delle REST API;
- integrazione Microsoft Graph;
- creazione di Extensions;
- debugging;
- packaging;
- deployment;
- project work finale.
Distribuzione consigliata:
25% teoria – 75% sviluppo pratico e laboratorio
- Slide docente
- SPFx Development Lab Guide
- Project Structure Guide
- TypeScript Quick Reference
- React Quick Reference
- SharePoint REST API Guide
- Microsoft Graph Integration Guide
- API Permission Matrix
- Debugging Checklist
- Deployment Runbook
- Code Review Checklist
- Case Study finale
È consigliato possedere:
- conoscenza di HTML;
- conoscenza di CSS;
- conoscenza di JavaScript;
- conoscenza base di TypeScript;
- familiarità con sviluppo web;
- conoscenza generale di Node.js e npm;
- esperienza con SharePoint Online;
- conoscenza di liste e document library;
- familiarità con siti, utenti e permessi;
- conoscenza generale di REST API;
- utilizzo base di Visual Studio Code.
La conoscenza di React non è obbligatoria, ma costituisce un vantaggio.
Verifica dell’apprendimento
- valutazione degli elaborati prodotti
- test finale
- eventuale project work
Attestato
Al termine del corso verrà rilasciato un attestato di frequenza se questa sia >=80% delle ore, oppure su richiesta un attestato di frequenza "positiva" cioè rafforzato dall'esito positivo del test finale.
