SharePoint Framework (SPFx) — Základy vývoje aplikací (SPO_DEV_1)
Tento pětidenní praktický kurz poskytuje účastníkům důkladný úvod do moderního vývoje SharePoint Framework (SPFx) pro Microsoft 365. Naučíte se vytvářet klientské webové části pomocí Reactu, Fluent UI a moderních postupů v TypeScriptu/JavaScriptu, jak přistupovat k datům přes REST, PnPjs a Microsoft Graph a jak aplikovat osvědčené postupy v oblasti výkonu a bezpečnosti v reálných projektech.
Pětidenní úvodní vývojářský kurz pořádaný exkluzivně pro GOPAS
Přehled kurzu
Kurz zahrnuje:
Nastavení vývojového prostředí SPFx
Základy struktury projektu a nástrojového řetězce
Nasazení a balení
Ladění výkonu & přístupy ke cachování
Integrace s React UI knihovnami (včetně KendoReact)
Automatizace a doporučené inženýrské workflow
Pro koho je kurz určen
Kurz je určen pro:
Front-end vývojáře pracující s Microsoft 365
Vývojáře přecházející z klasických SharePoint řešení na moderní SPFx
Power uživatele, kteří se chtějí posunout ke strukturovanému vývoji aplikací
Požadavky
Účastníci by měli mít:
Formát školení
5 dní vedeného školení lektorem
Praktická cvičení ke každému modulu
Reálný vývojový workflow SPFx
Pokrývá nástroje: Node.js LTS, Yeoman, Gulp/Heft, správce balíčků
Ukázková řešení a vzorové postupy
Co se naučíte
1. Přehled moderní platformy SPFx
Vývoj SharePointu a moderní vývojové přístupy
SPFx v porovnání s Add-ins, Power Platform a vývojem pro Teams
Hranice mezi tenanty v Microsoft 365
2. Vývojové prostředí & nástrojový řetězec
Node.js LTS, npm / pnpm / Yarn
Yeoman, Gulp, konfigurační soubory (tsconfig.json, serve.json)
Použití fnm/nvm pro správu verzí Node
Doporučené globální nástroje & balíčky
3. První webová část & struktura projektu
Anatomie SPFx projektu
Vstupní body, manifesty, lokalizace
Základy property pane & live reload
Dynamická konfigurace a validace property pane
4. Integrace React & Fluent UI
Podporované verze a doporučení ke kompatibilitě
Funkcionální komponenty, hooky, theming, přístupnost
Volitelné pomocné balíčky pro UI vzory
Fluent UI theming vs. vlastní stylování
5. Bonusový modul: Integrace KendoReact
Přehled komerční UI knihovny KendoReact
Instalace, konfigurace témat
Použití KendoReact Grid s daty ze SharePoint seznamu
Poznámky k výkonu, velikosti balíčku a designu
6. Přístup k datům: REST, PnPjs & Microsoft Graph
SPHttpClient vs AadHttpClient vs MSGraphClientFactory
Batchování API, projekce, zpracování chyb
Kdy zvolit REST vs Graph vs PnPjs
7. Výkon & cachování
Analýza balíčků, rozdělení bundle, lazy loading
Strategie cachování: in-memory, session, PnPjs caching, IndexedDB
Snižování doby načítání a zlepšení výkonu vykreslování
8. SPFx rozšíření & automatizace nasazení
Application customizers, příkazy pro zobrazení seznamu, field customizers
Balení & bundlování pro produkci
Deployment pipeline & automatizace
Použití tenant-level app katalogů
9. Osvědčené bezpečnostní postupy
Oprávnění a přístupová omezení
Bezpečnost v multi-tenant prostředí
Bezpečné API volání & práce s identitou
Validace, sanitizace a bezpečné programovací vzory
Výstupy & přínosy
Účastníci se naučí:
Vytvářet produkčně připravené SPFx webové části
Integrovat React + Fluent UI v moderních M365 řešeních
Bezpečně přistupovat k datům Microsoft 365 přes REST / PnPjs / Graph
Aplikovat optimalizace výkonu & cachování
Efektivně balit, nasazovat a spravovat SPFx řešení