---
title: SharePoint Framework (SPFx)
description: Master modern SharePoint Framework (SPFx) development for Microsoft 365! This hands-on course covers React, Fluent UI, REST, PnPjs, Graph, performance, security, and deployment best practices. Ideal for developers and power users.
url: https://www.malachis.eu/sk-SK/courses/course-gopas-spodev1
modified: 2026-03-03
---

## 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_](https://www.gopas.sk/sharepoint-framework-%28spfx%29-zaklady-vyvoja-aplikacii_spo_dev_1)

### 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ť:

-   Základy HTML/XHTML & CSS
    
-   Základy JavaScriptu (ekvivalent GOPAS JS\_PROG1)
    
-   Základy TypeScriptu (ekvivalent JS\_TS1)
    
-   Voliteľné / výhodné:
    
    -   Základné znalosti Reactu
        
    -   Pochopenie SharePoint zoznamov a knižníc
        

### 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