Microsoft 365 - Programování pro SharePoint Online I

• Front-end vývojáři v Microsoft 365
• Tým klasických řešení SharePointu směřující k modernímu vývoji
• Power users přecházející k udržitelnému a strukturovanému vývoji

• Tvorba WWW stránek v HTML/XHTML a CSS
• Základy jazyka JavaScript na úrovni kurzu JS_PROG1
• Základy jazyka TypeScript na úrovni kurzu JS_TS1
• Základy Reactu (volitelně/je výhodou)
• Znalost seznamů a knihoven SharePointu (volitelně/je výhodou)

1. Přehled platformy Microsoft 365 & SPFx (2 h)

• Stručná historie SharePointu a pro-code přístupy
• Pozicování SPFx vs Add-ins / Power Platform / Teams apps
• Multi-tenant a hranice tenantu

2. Vývojové prostředí & nástroje (2,5 h)

• Node.js LTS, správci balíčků, Yeoman, Gulp
• fnm/nvm; doporučené globální balíčky
• Struktura projektu a konfigurace (tsconfig.json, package.json, serve.json)

3. Struktura projektu & první Web Part (2,5 h)

• Entry points, manifesty, lokalizace
• Základy property pane & live reload

4. Property panes & dynamická konfigurace (2,5 h)

• Reaktivní vs. nereaktivní pole, validační vzory
• Další možnosti konfigurace

5. React & Fluent UI integrace (2,5 h)

• Verze React/Fluent UI a kompatibilita
• Volitelné pomocné balíčky a vzory
• Funkční komponenty, hooks, theming & přístupnost

Bonus — React UI knihovny: KendoReact integrace (1,5–2 h)

• Přehled knihovny KendoReact a licencování (komerční)
• Instalace balíčků a základní téma v SPFx
• Využití KendoReact Grid připojeného na data seznamu SharePointu
• Témování vedle Fluent UI
• Poznámky k velikosti balíčku a výkonu

6. Přístup k datům: REST, PnPjs & Microsoft Graph (2,5 h)

• AadHttpClient vs MSGraphClientFactory vs SPHttpClient
• Batching, selektivní projekce, error handling

7. Výkon & cachování (2,5 h)

• Analýza balíčku, code splitting, lazy loading
• Strategie cachování (session, in-memory, PnPjs)
• Místní úložiště/indexedDB

8. SPFx Extensions (2,5 h)

• Command Set, Application Customizer, Field Customizer
• JSON formátování jako no-/low-code alternativa
• Lifecycle události & bezpečná manipulace s DOM

9. Bezpečnost & oprávnění (2,5 h)

• Scoped permissions, admin consent workflow
• Fallback při odepření scope

10. Lokalizace & více jazyků (2,5 h)

• složka loc, fallbacky, přepínání kultur

11. Balení & App Catalog nasazení (2,5 h)

• Tvorba .sppkg, verzování, tenant vs site nasazení
• Upgrade cesty & vývoj manifestů

12. CI/CD & Quality gates (2,5 h)

• GitHub Actions / Azure DevOps pipeline
• Lint, unit testy (Jest), limity velikosti balíčku

13. Telemetrie & diagnostika (2,5 h)

• Logging
• Performance marks
• Error boundaries

14. Hardening & governance (2,5 h)

• Kontrola závislostí, licence, polyfill strategie
• Bezpečné konfigurace a odolnost vůči změnám

15. Capstone & review (2–2,5 h)

• Prezentace finálního Web Partu + případné extension
• Code review rubrika & backlog zlepšení

Předchozí kurzy

JavaScript II: Pokročilé techniky [JS_PROG2]

Komunikace se serverem pomocí AJAX a Fetch API [JS_AJAX]

JavaScript I: Základy [JS_PROG1]

DOM v JavaScriptu II: Pokročilé techniky [JS_DOM2]

React I: Základy [JS_REACT1]

Asynchronní a reaktivní programování v JavaScriptu [JS_ASYNC]

DOM v JavaScriptu I: Základy [JS_DOM1]

React II: Pokročilé techniky [JS_REACT2]