SharePoint Framework (SPFx) — Základy vývoja aplikácií (SPO_DEV_1)
Tento päťdňový praktický kurz poskytuje účastníkom dôkladný úvod do moderného vývoja SharePoint Framework (SPFx) pre Microsoft 365. Naučíte sa vytvárať klientské webové časti pomocou Reactu, Fluent UI a moderných postupov v TypeScripte/JavaScripte, ako pristupovať k dátam cez REST, PnPjs a Microsoft Graph, a ako aplikovať osvedčené postupy v oblasti výkonu a bezpečnosti v reálnych projektoch.
Päťdňový úvodný vývojársky kurz organizovaný exkluzívne pre GOPAS
Prehľad kurzu
Kurz zahŕňa:
Nastavenie vývojového prostredia SPFx
Základy štruktúry projektu a nástrojového reťazca
Nasadenie a balenie
Ladenie výkonu & prístupy k cachovaniu
Integráciu s React UI knižnicami (vrátane KendoReact)
Automatizáciu a odporúčané inžinierske workflow
Pre koho je kurz určený
Kurz je určený pre:
Front-end vývojárov pracujúcich s Microsoft 365
Vývojárov prechádzajúcich z klasických SharePoint riešení na moderný SPFx
Power používateľov, ktorí sa chcú posunúť k štruktúrovanému vývoju aplikácií
Požiadavky
Účastníci by mali mať:
Formát školenia
5 dní vedeného školenia lektorom
Praktické cvičenia ku každému modulu
Reálny vývojový workflow SPFx
Pokrýva nástroje: Node.js LTS, Yeoman, Gulp/Heft, správcovia balíčkov
Ukážkové riešenia a vzorové postupy
Čo sa naučíte
1. Prehľad modernej platformy SPFx
Evolúcia SharePointu a moderné vývojové prístupy
SPFx v porovnaní s Add-ins, Power Platform a Teams vývojom
Multi-tenant hranice v Microsoft 365
2. Vývojové prostredie & nástrojový reťazec
Node.js LTS, npm / pnpm / Yarn
Yeoman, Gulp, konfiguračné súbory (tsconfig.json, serve.json)
Použitie fnm/nvm na správu verzií Node
Odporúčané globálne nástroje & balíčky
3. Prvá webová časť & štruktúra projektu
Anatómia SPFx projektu
Vstupné body, manifesty, lokalizácia
Základy property pane & live reload
Dynamická konfigurácia property pane a validácia
4. Integrácia React & Fluent UI
Podporované verzie a odporúčania kompatibility
Funkcionálne komponenty, hooks, theming, prístupnosť
Voliteľné pomocné balíčky pre UI vzory
Fluent UI theming vs. vlastné štýlovanie
5. Bonusový modul: KendoReact integrácia
Prehľad komerčnej UI knižnice KendoReact
Inštalácia, konfigurácia témy
Použitie KendoReact Grid so SharePoint zoznamovými dátami
Poznámky k výkonu, veľkosti balíčka a dizajnovému zarovnaniu
6. Prístup k dátam: REST, PnPjs & Microsoft Graph
SPHttpClient vs AadHttpClient vs MSGraphClientFactory
API batching, projekcia, spracovanie chýb
Kedy zvoliť REST vs Graph vs PnPjs
7. Výkon & cachovanie
Analýza balíčkov, rozdelenie bundle, lazy loading
Stratégie cachovania: in-memory, session, PnPjs cachovanie, IndexedDB
Znižovanie času načítania a zlepšovanie výkonu renderovania
8. SPFx rozšírenia & automatizácia nasadenia
Application customizers, list view command sets, field customizers
Balenie & bundling pre produkciu
Deployment pipelines & automatizačné úvahy
Použitie tenant-level app katalógov
9. Osvedčené postupy bezpečnosti
Oprávnenia a prístupové úvahy
Bezpečnostné obmedzenia v multi-tenant prostredí
Bezpečné API volania & spracovanie identity
Validácie, sanitizácia a bezpečné programovacie vzory
Výstupy & prínosy
Účastníci sa naučia:
Vytvárať produkčne pripravené SPFx webové časti
Integrovať React + Fluent UI v moderných M365 riešeniach
Bezpečne pristupovať k dátam Microsoft 365 cez REST / PnPjs / Graph
Aplikovať optimalizácie výkonu & cachovania
Efektívne baliť, nasadzovať a spravovať SPFx riešenia