---
title: SharePoint Framework (SPFx)
description: Five-day hands-on training for SharePoint Framework (SPFx) development in Microsoft 365. Learn to build web parts with React, Fluent UI, and modern practices, access data securely, and optimize performance in real-world projects.
url: https://www.malachis.eu/cs-CZ/courses/course-gopas-spodev1
modified: 2026-03-03
---

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

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

-   Základy HTML/XHTML & CSS
    
-   Základy JavaScriptu (ekvivalent GOPAS JS\_PROG1)
    
-   Základy TypeScriptu (ekvivalent JS\_TS1)
    
-   Volitelné / výhodné:
    
    -   Základní znalost Reactu
        
    -   Pochopení SharePoint seznamů a knihoven
        

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