Developing with the SharePoint Framework
Il corso presenta agli studenti i nuovi strumenti necessari quando si sviluppa con SharePoint Framework. Oltre a questo, si discuterà di JavaScript e delle potenziali difficoltà connesse ad esso, che portano all’uso di TypeScript come superset personalizzato di JavaScript. Gli studenti saranno anche introdotti alla libreria JavaScript React, che è comunemente usata all’interno dei componenti di SharePoint Framework. Usando tutte queste tecniche precedentemente menzionate, gli allievi impareranno a costruire parti web lato client, estensioni, personalizzazione dei campi con SharePoint Framework. Infine gli studenti impareranno come includere altri framework JavaScript, fornire test unitari, configurare il packaging e distribuire le loro soluzioni.
Cosa imparerai
- Comprendere l’architettura e gli strumenti necessari per sviluppare soluzioni con SharePoint Framework
- Utilizzare JavaScript, TypeScript e React per creare web part client-side ed estensioni personalizzate
- Integrare librerie esterne, gestire lo stile con SASS e accedere ai dati tramite Microsoft Graph
- Configurare, testare e distribuire progetti SharePoint Framework utilizzando strumenti come Webpack e Gulp
Modulo 1: Panoramica su SharePoint Framework
- Che cos’è SharePoint Framework
- Perché utilizzare SharePoint Framework
- Toolchain moderna
- Il futuro della piattaforma
Modulo 2: Preparazione dell’ambiente per SharePoint Framework
- Configurazione di Office 365
- Installazione del software necessario
Modulo 3: Moduli Node.js
- Cosa sono i moduli
- Creazione di un progetto
- Utilizzo dei moduli
- CommonJS
- Moduli importanti
Modulo 4: Client Web Parts in SharePoint Framework
- Client Web Parts nel Framework
- Che cos’è una Client Web Part?
- Creazione di un progetto
- Analisi della struttura del progetto
- Esecuzione del progetto
- Attività Gulp
- Configurazione della Web Part
Modulo 5: Introduzione a JavaScript
- Che cos’è JavaScript
- Che cos’è ECMAScript
- Utilizzo di librerie per estendere le funzionalità di JavaScript
- Debug di JavaScript con gli strumenti del browser
Modulo 6: Il linguaggio JavaScript
- Variabili, oggetti, array e funzioni
- Scope e closures in JavaScript
- Parametri delle funzioni
- Funzioni costruttrici
- Prototipi
- Gestione degli errori
Modulo 7: Pattern JavaScript
- Pattern Callback
- Options hashing
- Funzioni auto-invocate
- Class Pattern
- Module Pattern
- Il riferimento “self”
Modulo 8: TypeScript
- Che cos’è TypeScript
- Utilizzare TypeScript nel proprio progetto
- Variabili
- Funzioni
- Interfacce e classi
- Moduli e namespace
Modulo 9: Proprietà delle Client Web Parts
- Proprietà delle Client Web Parts
- Proprietà delle Web Part
- Aggiungere proprietà
- Utilizzare le proprietà
- Voci preconfigurate
- Dati dinamici
- Proprietà personalizzate
- Configurazioni avanzate
Modulo 10: Caricamento di Framework e Librerie
- Come caricare librerie o framework
- Considerazioni generali
- Pacchetti NPM
- Caricamento da URL
- Caricamento di una copia locale
- Component loader
- Caricamento di jQuery e plugin
Modulo 11: SASS
- Che cos’è SASS
- Il linguaggio SASS
- Variabili
- Tipologie
- Commenti
- Regole e proprietà annidate
- Partials
- Extend
- Mixins
- Funzioni
Modulo 12: Caricare dati SharePoint in una Client Web Part
- Caricare dati da SharePoint
- Page Context
- Panoramica dei Web Services
- Fondamenti di REST e OData
- API REST di SharePoint
- AJAX
- HttpClient del Framework
- Risoluzione dei problemi cross-domain con CORS
Modulo 13: Compilazione e Distribuzione di un progetto SharePoint Framework
- Compilare e distribuire una soluzione Framework
- Panoramica
- Build
- Deployment
Modulo 14: React
- Che cos’è React.js
- Model View ViewModel (MVVM)
- Componenti React
- Che cos’è JSX
- Differenze tra tag HTML e componenti React
- Creazione di componenti
- Espressioni JavaScript in JSX
- Attenzioni nell’uso di JSX
- Relazione con le macchine a stati
- Gestione dello stato dei componenti
- Aggiungere interattività tramite eventi
- Uso di più componenti
- Passaggio delle props tra componenti
- Il ciclo di vita di un componente
- Sintassi alternativa
- SharePoint Framework e React
Modulo 15: Framework e Office UI Fabric
- Che cos’è Office UI Fabric
- Versioni di Office UI Fabric
- Stili di Fabric Core
- Esempi d’uso
- Componenti Fabric
- Fabric JS
- OfficeUIFabric
- Fabric React
Modulo 16: Distribuzione degli Artifacts di SharePoint
- Distribuzione degli artifact
- Opzioni di deployment
- Tipologie di asset
- Features
Modulo 17: Microsoft Graph
- Introduzione a Microsoft Graph
- Provider di autenticazione
- API Microsoft Graph
- Sviluppo
Modulo 18: Estensioni di SharePoint Framework
- SharePoint Framework Extensions
- Panoramica delle estensioni
- Creazione delle estensioni
- Application Customizers
- Field Customizers
- Command Sets
Modulo 19: Webpack
- Che cos’è Webpack
- Entry e output
- Utilizzo dei loader
- Necessità dei plugin
Modulo 20: Gulp
- Installazione di Gulp come modulo Node
- Primitivi di Gulp
- Esempi pratici di utilizzo
Modulo 21: Unit Test delle Web Parts
- Framework di test inclusi
- Esecuzione dei test
- Component testing
Per il corso Developing with the SharePoint Framework è richiesta una conoscenza preliminare di JavaScript o TypeScript. Si consiglia di conoscere bene SharePoint. Serve inoltre essere amministratori del proprio pc per poter installare gli applicativi.
Sviluppatore Software
Un attestato di frequenza inviato via e-mail dopo il termine del corso.
Modulo 1: Panoramica su SharePoint Framework
- Che cos’è SharePoint Framework
- Perché utilizzare SharePoint Framework
- Toolchain moderna
- Il futuro della piattaforma
Modulo 2: Preparazione dell’ambiente per SharePoint Framework
- Configurazione di Office 365
- Installazione del software necessario
Modulo 3: Moduli Node.js
- Cosa sono i moduli
- Creazione di un progetto
- Utilizzo dei moduli
- CommonJS
- Moduli importanti
Modulo 4: Client Web Parts in SharePoint Framework
- Client Web Parts nel Framework
- Che cos’è una Client Web Part?
- Creazione di un progetto
- Analisi della struttura del progetto
- Esecuzione del progetto
- Attività Gulp
- Configurazione della Web Part
Modulo 5: Introduzione a JavaScript
- Che cos’è JavaScript
- Che cos’è ECMAScript
- Utilizzo di librerie per estendere le funzionalità di JavaScript
- Debug di JavaScript con gli strumenti del browser
Modulo 6: Il linguaggio JavaScript
- Variabili, oggetti, array e funzioni
- Scope e closures in JavaScript
- Parametri delle funzioni
- Funzioni costruttrici
- Prototipi
- Gestione degli errori
Modulo 7: Pattern JavaScript
- Pattern Callback
- Options hashing
- Funzioni auto-invocate
- Class Pattern
- Module Pattern
- Il riferimento “self”
Modulo 8: TypeScript
- Che cos’è TypeScript
- Utilizzare TypeScript nel proprio progetto
- Variabili
- Funzioni
- Interfacce e classi
- Moduli e namespace
Modulo 9: Proprietà delle Client Web Parts
- Proprietà delle Client Web Parts
- Proprietà delle Web Part
- Aggiungere proprietà
- Utilizzare le proprietà
- Voci preconfigurate
- Dati dinamici
- Proprietà personalizzate
- Configurazioni avanzate
Modulo 10: Caricamento di Framework e Librerie
- Come caricare librerie o framework
- Considerazioni generali
- Pacchetti NPM
- Caricamento da URL
- Caricamento di una copia locale
- Component loader
- Caricamento di jQuery e plugin
Modulo 11: SASS
- Che cos’è SASS
- Il linguaggio SASS
- Variabili
- Tipologie
- Commenti
- Regole e proprietà annidate
- Partials
- Extend
- Mixins
- Funzioni
Modulo 12: Caricare dati SharePoint in una Client Web Part
- Caricare dati da SharePoint
- Page Context
- Panoramica dei Web Services
- Fondamenti di REST e OData
- API REST di SharePoint
- AJAX
- HttpClient del Framework
- Risoluzione dei problemi cross-domain con CORS
Modulo 13: Compilazione e Distribuzione di un progetto SharePoint Framework
- Compilare e distribuire una soluzione Framework
- Panoramica
- Build
- Deployment
Modulo 14: React
- Che cos’è React.js
- Model View ViewModel (MVVM)
- Componenti React
- Che cos’è JSX
- Differenze tra tag HTML e componenti React
- Creazione di componenti
- Espressioni JavaScript in JSX
- Attenzioni nell’uso di JSX
- Relazione con le macchine a stati
- Gestione dello stato dei componenti
- Aggiungere interattività tramite eventi
- Uso di più componenti
- Passaggio delle props tra componenti
- Il ciclo di vita di un componente
- Sintassi alternativa
- SharePoint Framework e React
Modulo 15: Framework e Office UI Fabric
- Che cos’è Office UI Fabric
- Versioni di Office UI Fabric
- Stili di Fabric Core
- Esempi d’uso
- Componenti Fabric
- Fabric JS
- OfficeUIFabric
- Fabric React
Modulo 16: Distribuzione degli Artifacts di SharePoint
- Distribuzione degli artifact
- Opzioni di deployment
- Tipologie di asset
- Features
Modulo 17: Microsoft Graph
- Introduzione a Microsoft Graph
- Provider di autenticazione
- API Microsoft Graph
- Sviluppo
Modulo 18: Estensioni di SharePoint Framework
- SharePoint Framework Extensions
- Panoramica delle estensioni
- Creazione delle estensioni
- Application Customizers
- Field Customizers
- Command Sets
Modulo 19: Webpack
- Che cos’è Webpack
- Entry e output
- Utilizzo dei loader
- Necessità dei plugin
Modulo 20: Gulp
- Installazione di Gulp come modulo Node
- Primitivi di Gulp
- Esempi pratici di utilizzo
Modulo 21: Unit Test delle Web Parts
- Framework di test inclusi
- Esecuzione dei test
- Component testing
Per il corso Developing with the SharePoint Framework è richiesta una conoscenza preliminare di JavaScript o TypeScript. Si consiglia di conoscere bene SharePoint. Serve inoltre essere amministratori del proprio pc per poter installare gli applicativi.
Sviluppatore Software
Un attestato di frequenza inviato via e-mail dopo il termine del corso.
F.A.Q.
Assolutamente sì. Progettiamo il percorso formativo in base alle esigenze della tua azienda: livello dei partecipanti, obiettivi professionali, settore di attività e competenze richieste. Insieme definiamo contenuti, durata, esercitazioni e modalità di valutazione, assicurando un corso completamente su misura.
Puoi scegliere la soluzione più comoda: formazione in presenza presso la tua sede oppure in modalità Aula Virtuale, con docente in diretta, interazione costante e materiale digitale condiviso. Possiamo anche combinare entrambe le modalità per un’esperienza blended più efficace.
Non ci sono limiti rigidi: possiamo organizzare corsi per piccoli team o per interi reparti. Per garantire la massima qualità formativa, consigliamo gruppi omogenei e dimensioni definite insieme in base agli obiettivi del corso.
Certamente. Pianifichiamo insieme calendario, orari e ritmo delle sessioni per minimizzare l’impatto sulle attività aziendali. Possiamo organizzare il corso in orario diurno, serale, oppure articolato in più moduli distribuiti nel tempo.
Ti basta contattarci tramite il form dedicato sul sito o scriverci direttamente: ti risponderemo rapidamente con una proposta formativa e un preventivo chiaro, senza impegno. Analizzeremo insieme bisogni, competenze da sviluppare e obiettivi per progettare il percorso ideale per la tua azienda.