React framework – tvorba webových aplikací (RCT)

Programování, JavaScript

Chcete začít tvořit moderní webové aplikace v Reactu a ovládat jeho rozsáhlý ekosystém? Tento praktický kurz vám poskytne hlubší znalosti a dovednosti pro vývoj moderních webových aplikací s použitím Reactu.

Na tomto kurzu se seznámíte s filozofií Reactu a prozkoumáte, proč se stal tak populárním. Praktickými příklady si osvojíte základy vývoje v Reactu.

Naučíte se vytvářet a strukturovat komponenty, pracovat s JSX a učinit dynamický UI na základě změn dat. Kurz vás provede směrováním aplikace pomocí React Routeru a správou globálního stavu přes Context API nebo externí knihovnu jako Redux. Naučíte se pracovat s REST API, načítat, odesílat a aktualizovat data přes HTTP požadavky. Zaměříme se na efektivní nástroje pro debugging a ladění aplikací, testování pomocí Jest a React Testing Library. Po absolvování budete schopni navrhnout, naprogramovat, otestovat a nasadit plně funkční SPA aplikaci ve stylu moderního front-endu.

TOTO ŠKOLENÍ VÁM POMŮŽE:

  • Porozumět základním i pokročilým konceptům Reactu
  • Osvojit si dovednosti potřebné pro vývoj s Reactem
  • Nasazovat své React aplikace na server
  • Chápat koncepty a řešit potíže, na které můžete během vývoje narazit
  • Pochopit základní principy Reactu – komponenty, JSX, props a state
  • Navrhovat a strukturovat modulární React aplikace
  • Nasadit směrování v aplikaci pomocí React Routeru
  • Spravovat globální stav aplikace pomocí Context API nebo Reduxu
  • Připojit React aplikaci k REST API pro CRUD operace
  • Testovat komponenty pomocí Jest a React Testing Library
  • Ladit a optimalizovat výkon aplikace, memoizace, lazy loading, profiler
  • Využít nástroje React Developer Tools a Chrome DevTools pro debugging
  • Připravit aplikaci pro produkční nasazení a balancování výkonu

KDO BY SE MĚL KURZU ZÚČASTNIT?

  • Vývojáři se znalostí jazyka JavaScript / TypeScript, kteří chtějí začít vytvářet webové aplikace v Reactu
  • Frontendoví vývojáři se znalostí HTML, CSS a základního JavaScriptu, kteří chtějí přejít na React
  • Vývojáři zaměření na tvorbu SPA aplikací s dynamickými daty
  • Programátoři potřebující pracovat s REST API v React kontextu
  • Vývojáři, kteří chtějí psát testovatelné komponenty a používat moderní testovací nástroje
  • Ti, kdo se chtějí naučit optimalizovat výkon a ladit real-time UI
  • Vývojáři, kteří chtějí získat komplexní přehled o workflow, od vývoje až po nasazení React aplikace

KDE A KDY KURZ PROBÍHÁ?



S námi máte na výběr: Přijďte na kurz osobně do naší učebny, nebo se ke kurzu připojte online. Vámi preferovanou formu můžete zvolit v průběhu objednávky. Více informací k hybridní formě školení naleznete zde.
Brno + online (volitelně)
Praha + online (volitelně)
Privátní školení

Odemkněte potenciál svých zaměstnanců. Každé školení z naší nabídky přizpůsobíme konkrétním cílům i lidem.
Potřebujete školení přímo u vás ve firmě, nebo upravit obsah a délku na míru? ICT Pro je ideální řešení. Školit můžeme také v angličtině.

Poptat kurz na míru

Náplň kurzu:

Skrýt detaily
  • Úvod do ekosystému React 
    1. Nastavení vývojového prostředí 
    2. Rychlá rekapitulace JavaScriptu a TypeScriptu 
    3. Seznámení s Reactem 
    4. Co je to jednostránková aplikace (SPA) a jak funguje? 
  • Systém balíčků a struktura aplikace 
    1. Vytvoření základní šablony aplikace pomocí nástroje Vite 
    2. Struktura projektového adresáře 
    3. Práce s balíčkovacími systémy npm a yarn 
    4. Sémantické verzování 
  • React komponentový systém 
    1. JSX – JavaScript XML 
    2. Rozdíly mezi JSX a HTML 
    3. React Fragmenty 
    4. Komponenty – životní cyklus, vstupy (props) 
    5. Strom komponent 
  • Správa stavu komponent 
    1. Bezstavové a stavové komponenty 
    2. Zpracování událostí 
    3. Lokální stav komponenty (hook useState) 
    4. Životní cyklus komponent (u třídních komponent) 
  • Stylování komponent 
    1. Podmíněné vykreslování 
    2. Stylování komponent pomocí CSS 
    3. Využití CSS modulů 
  • Správa vedlejších efektů 
    1. Použití hooku useEffect 
    2. Strict mode 
  • Práce s komponentami 
    1. Vytváření vlastních událostí 
    2. Children props 
  • Tvorba formulářů 
    1. Svázání vstupů s lokálním stavem komponenty 
    2. Validace a zpracování formulářů 
  • Zasílání HTTP požadavků 
    1. Použití knihoven třetí strany (např. Axios)  
    2. Volání serveru pomocí REST API 
    3. Psaní vlastních hooků 
  • Ladění a logování chyb 
    1. Krokování aplikace v prohlížeči 
    2. Analýza toku aplikace pomocí console.log 
    3. Nástroje třetí strany pro logování chyb 
  • Pokročilá témata 
    1. Globální stav aplikace pomocí React Context 
    2. Přístup k nativním elementům pomocí useRef 
Předpokládané znalosti:
Znalost programovacího jazyka JavaScript, TypeScript. Minimální úroveň znalostí je obsahem kurzu JVS1 (JavaScript pro začátečníky)
Doporučený předchozí kurz:
JavaScript – pro začátečníky (JVS1)
Doporučený následný kurz:
React pro pokročilé (RCT2)
Časový rozvrh:
2 dny (9:00-17:00)
Cena za osobu:
12 900,00 Kč (15 609,00 Kč včetně 21% DPH)

Ukázka prostředí a výuky

IT učebna se stoly, počítači s monitory a projekčním plátnem v přední části místnosti.
Jak vypadá prostředí pro prezenční IT kurzy?Školení pořádáme ve vlastních učebnách vybavených moderní výpočetní technikou pro každého účastníka a velkoplošnou projekcí. Každá stanice disponuje výkonným počítačem pro bezproblémové praktické procvičování a prostředí podporuje klid a pohodovou atmosféru během školení.
IT učebna se stoly, počítači s monitory a projekčním plátnem v přední části místnosti.
Potřebuji si na prezenční kurz IT přinést vlastní počítač?Naše učebny jsou kompletně vybavené, takže vlastní notebook nepotřebujete. Na místě na Vás čeká připravený moderní počítač se vším potřebným hardwarem a softwarem pro dané školení.
Vzor certifikátu ICT Pro o úspěšném absolvování IT školení se jménem a podpisem.
Obdržíte po absolvování IT kurzu oficiální osvědčení?Ano, po úspěšném dokončení školení získáte oficiální certifikát ICT Pro potvrzující vaše absolvování a získané technické znalosti. Můžete jej využít pro doložení kvalifikace nebo přiložit ke svému profesnímu profilu.
Pohled na moderní administrativní budovu COMGUARD v Brně na Sochorově ulici.
Kde najdete naše školicí centrum v Brně?Prostory školicího centra ICT Pro s.r.o. se nachází v 1. patře budovy COMGUARD na adrese Sochorova 38 v Brně. Místo na rozhraní Žabovřesk a Komína je snadno dostupné autem i městskou hromadnou dopravou.
Pohled na moderní budovu Opatov Park v Praze na Chodově.
Kde najdete naše školicí centrum v Praze?Prostory školicího centra ICT Pro s.r.o. se nachází v 1. poschodí budovy Opatov Park na adrese Líbalova 1, Praha 11 – Chodov. Místo nabízí pohodlné zázemí pro vaše vzdělávání s výbornou dostupností.
Vybavená kuchyňka s kávovarem, mikrovlnnou troubou, dřezem a poličkami plnými hrnků a sklenic.
Jaké zázemí a občerstvení je pro vás připraveno během přestávek?V našich školicích centrech máte k dispozici plně vybavenou kuchyňku pro pohodlný odpočinek během přestávek. Součástí zázemí je kávovar, mikrovlnná trouba, varná konvice i široký výběr nápojů a občerstvení.
Kávový koutek s automatickým kávovarem, žlutými a bílými hrnky, sklenicemi a sirupy.
Jaké nápojové osvěžení je pro vás připraveno na kurzu?Během celého školení je vám k dispozici nápojový koutek s kávovarem, čaji, sirupy a vodou. Můžete si tak kdykoliv během přestávky dopřát kávu nebo jiný nápoj podle chuti.
Stůl s přichystaným sladkým pečivem, sirupy, dávkovačem vody a sklenicemi pro účastníky školení.
Jaké drobné občerstvení je pro vás v rámci kurzů připraveno?Během přestávek na kurzech je účastníkům k dispozici drobné sladké občerstvení, pečivo a sirupy pro namíchání vlastní limetkové či ovocné limonády. Nechybí ani čerstvá voda a talířky pro pohodlné servírování.
Proutěné košíky naplněné balenými slanými snacky, sladkými sušenkami a tyčinkami.
Mám si na školení ICT Pro brát svačinu?Nemusíte. Během přestávek je pro vás připraven bohatý výběr slaných pochutin i sladkých sušenek a tyčinek. Energie na celodenní soustředění je tak vždy po ruce přímo v prostorách školicího centra.
Venkovní dřevěná terasa s výhledem do zeleně u prosklené budovy školicího centra.
Můžete trávit přestávky během školení na čerstvém vzduchu?Ano, v našem školicím centru je vám k dispozici venkovní terasa. Během přestávek mezi bloky výuky si tak můžete odpočinout na čerstvém vzduchu v příjemném prostředí obklopeném zelení.
Prostorná venkovní dřevěná terasa s posezením a výhledem do okolí u budovy.
Kde si můžete odpočinout během přestávek na školení?V našem školicím centru máte k dispozici prostornou venkovní terasu s posezením. Během přestávek mezi bloky výuky si tak můžete odpočinout a načerpat energii na čerstvém vzduchu.