Microsoft 365 - Programovanie pre SharePoint Online I

• Front-end vývojári v Microsoft 365
• Tím klasických riešení SharePointu smerujúci k modernému vývoju
• Power users prechádzajúci k udržateľnému a štruktúrovanému vývoju

• Tvorba WWW stránok 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 (voliteľne/je výhodou)
• Znalosť zoznamov a knižníc SharePointu (voliteľne/je výhodou)

1. Prehľad platformy Microsoft 365 & SPFx (2 h)

• Stručná história SharePointu a pro-code prístupy
• Pozicovanie SPFx vs Add-ins / Power Platform / Teams apps
• Multi-tenant a hranice tenantu

2. Vývojové prostredie & nástroje (2,5 h)

• Node.js LTS, správcovia balíčkov, Yeoman, Gulp
• fnm/nvm; odporúčané globálne balíčky
• Štruktúra projektu a konfigurácia (tsconfig.json, package.json, serve.json)

3. Štruktúra projektu & prvý Web Part (2,5 h)

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

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

• Reaktívne vs. nereaktívne polia, validačné vzory
• Ďalšie možnosti konfigurácie

5. React & Fluent UI integrácia (2,5 h)

• Verzia React/Fluent UI a kompatibilita
• Voliteľné pomocné balíčky a vzory
• Funkčné komponenty, hooks, theming & prístupnosť

Bonus — React UI knižnice: KendoReact integrácia (1,5–2 h)

• Prehľad knižnice KendoReact a licencovanie (komerčné)
• Inštalácia balíčkov a základná téma v SPFx
• Využitie KendoReact Grid pripojeného na dáta zoznamu SharePointu
• Témovanie vedľa Fluent UI
• Poznámky k veľkosti balíčka a výkonu

6. Prístup k dátam: REST, PnPjs & Microsoft Graph (2,5 h)

• AadHttpClient vs MSGraphClientFactory vs SPHttpClient
• Batching, selektívna projekcia, error handling

7. Výkon & cachovanie (2,5 h)

• Analýza balíčka, code splitting, lazy loading
• Stratégie cachovania (session, in-memory, PnPjs)
• Lokálne úložisko/indexedDB

8. SPFx Extensions (2,5 h)

• Command Set, Application Customizer, Field Customizer
• JSON formátovanie ako no-/low-code alternatíva
• Lifecycle udalosti & bezpečná manipulácia s DOM

9. Bezpečnosť & oprávnenia (2,5 h)

• Scoped permissions, admin consent workflow
• Fallback pri odmietnutí scope

10. Lokalizácia & viac jazykov (2,5 h)

• Zložka loc, fallbacky, prepínanie kultúr

11. Balenie & App Catalog nasadenie (2,5 h)

• Tvorba .sppkg, verzovanie, tenant vs site nasadenie
• Upgrade cesty & vývoj manifestov

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

• GitHub Actions / Azure DevOps pipeline
• Lint, unit testy (Jest), limity veľkosti balíčka

13. Telemetria & diagnostika (2,5 h)

• Logging
• Performance marks
• Error boundaries

14. Hardening & governance (2,5 h)

• Kontrola závislostí, licencie, polyfill stratégia
• Bezpečné konfigurácie a odolnosť voči zmenám

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

• Prezentácia finálneho Web Partu + prípadné extension
• Code review rubrika & backlog zlepšenia

Predošlé kurzy

Komunikácia so serverom pomocou AJAX a Fetch API [JS_AJAX]

JavaScript I: Základy [JS_PROG1]

JavaScript II: Pokročilé techniky [JS_PROG2]

Asynchrónne a reaktívne programovanie v JavaScripte [JS_ASYNC]

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

React I: Základy [JS_REACT1]

DOM v JavaScripte I: Základy [JS_DOM1]

React II: Pokročilé techniky [JS_REACT2]