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

ZÍSKEJTE SLEVU 82 % NA TENTO KURZ DÍKY DOTACI MPSV

Využijte státní příspěvek až 50 tisíc Kč na dotované kurzy rozvoje digitálních dovedností. Začněte se vzdělávat, abyste získali nové pracovní příležitosti nebo upevnili svou pozici na trhu práce. Pro více informací klikněte na tento odkaz: JSEM V KURZU!

KDE A KDY KURZ PROBÍHÁ?



Brno + online (volitelně)
Praha + online (volitelně)
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. Pokud preferujete online formu, uveďte prosím do poznámky v objednávce "Připojím se virtuálně".
Více informací k hybridní formě školení naleznete zde.
Vlastní

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:00hod. - 17:00hod.)
Cena za osobu:
12 900,00 Kč (15 609,00 Kč včetně 21% DPH)

Vzdělávejte se s dotací – kurz se slevou 82 %!

Díky podpoře od MPSV zaplatíte za kurz jen 2 810 Kč včetně DPH!
Podrobné informace o projektu Jsem v kurzu naleznete zde.

Odkaz na kurz na portále ÚP.

Tlačítko Přihlásit se na kurz je k dispozici pouze u garantovaných termínů, více než 30 dnů před začátkem kurzu.

Vybrané zákaznické reference

Československá obchodní banka, a. s., Tomáš H.
React framework - tvorba webových aplikací  ( RCT)
"Dostal jsem odpoved na vsechny otazky."
ATLAS consulting spol. s r.o., Tomáš K.
React framework - tvorba webových aplikací  ( RCT)
"S kurzem jsem byl maximálně spokojen. Příjemná lektorka věděla o čem mluví a dokázala látku srozumitelně předat. Nic bych neměnil."
ATLAS consulting spol. s r.o., Peter B.
React framework - tvorba webových aplikací  ( RCT)
"Myslím si že školenie prebiehlo veľmi dobre, od úplneho základu čo sa týka typescriptu, až po základy reactu, na ktorých budem do budúcna stavať. "
Róbert Hubinák, Róbert H.
React framework - tvorba webových aplikací  ( RCT)
"Přínosné školení. Pomohlo mi zorientovat se v základních konceptech Reactu."
ARCDATA PRAHA, s.r.o., David N.
React framework - tvorba webových aplikací  ( RCT)
"Lektor se snažil ve všem vyjít vstříc. Školení mělo svižné tempo, ale zvládnutelné."
Česká pošta, s.p., Patrik L.
React framework - tvorba webových aplikací  ( RCT)
"Kurz jakožto BASIC byl velice ale velice přínosný, byl jsem mile překvapen. Ač je na youtube dnes už dostupné vše zdarma, lektorem bylo vše krásně vysvětleno a velice srozumitelně."
Generální ředitelství cel, Petr S.
React framework - tvorba webových aplikací  ( RCT)
"Opakování důležitých základů js hodnotím jako velmi přínosné. Děkuji za spoustu nových vědomostí."
Generální ředitelství cel, Jiří Š.
React framework - tvorba webových aplikací  ( RCT)
"Parádní lektor. Pěkně a věcně vysvětleno. "
Česká pošta, s.p., David R.
React framework - tvorba webových aplikací  ( RCT)
"Můj dojem ze školení je velice pozitivní, lektor se všem věnoval, odpovídal na všechny otázky a celkově během kurzu panovala velmi přátelská a uvolněná atmosféra."
Kooperativa pojišťovna, a.s., Vienna Insurance Group, Martin B.
React framework - tvorba webových aplikací  ( RCT)
"Školení bylo velmi přínosné. Naučil jsem se spoustu nových věcí. Na obsahu školení bych nic neměnil."
Česká pošta, s.p., Věra F.
React framework - tvorba webových aplikací  ( RCT)
"Se vším jsem byla opravdu spokojená, jak s praktickou, tak i teoretickou částí. U lektora se mi líbilo jeho nadšení z Reactu. "
Česká pošta, s.p., Michal E.
React framework - tvorba webových aplikací  ( RCT)
"Kurz byl svižný a velice přínosný pro začínající i pokročilejší "reakťáky"."
Československá obchodní banka, a. s., Lukáš J.
React framework - tvorba webových aplikací  ( RCT)
"Velmi pěkně zpracovaný kurz. Přehledný postup tématy a množství praktických cvičení. Vše bylo sroumitelně vysvětleno a nemám pocit, že bych se někde ztrácel."
Československá obchodní banka, a. s., Tomáš V.
React framework - tvorba webových aplikací  ( RCT)
"Super skoleni. Super lektor. Hrozne me to bavilo, byl prostor si temata nakodit. Druhy den je vyborne opakovani z prvniho dne."
Česká pošta, s.p., Lubomír J.
React framework - tvorba webových aplikací  ( RCT)
"Velmi trpělivý a vstřícný přístup. Děkuji"
Simplea pojišťovna, a.s., Milan K.
React framework - tvorba webových aplikací  ( RCT)
"skvělý kurz, děkujeme"
Simplea pojišťovna, a.s., Lukáš V.
React framework - tvorba webových aplikací  ( RCT)
"Na školení bych nic neměnil. Byl jsem spokojen jak se školitelem, tak s připravenou látkou ke školení. Bez chyby "
Simplea pojišťovna, a.s., Radek R.
React framework - tvorba webových aplikací  ( RCT)
"Celkový dojem je skvělý, cítím se plný nových informací s celkovou chutí dále prohlubovat nabité znalosti."
Simplea pojišťovna, a.s., Jiří H.
React framework - tvorba webových aplikací  ( RCT)
"Školení bylo perfektně zpracované a bylo pro mě velkým přínosem. S technologií React začínám a školení mě skvěle uvedlo do problematiky. Školící Martin Nuc měl připraveno mnoho příkladů, na kterých jednotlivé funkce vysvětlil, a mnoho úloh, na kterých jsme si znalosti procvičili. Díky moc!"
Simplea pojišťovna, a.s., Tomáš J.
React framework - tvorba webových aplikací  ( RCT)
"Naprosto skvělé. Bylo pro mě největším přínosem, že jsem si mohl nabité vědomosti rovnou vyzkoušet a napsat kus funkční aplikace. Také bylo super, že školení bylo ušité přesně k našim potřebám. Školitel si prošel zdrojáky aplikace, kterou máme přebírat a zaměřil se přesně na technologie a funkce, které jsou v projektu využívány. Velice přínosné, skvělý přednes a srozumitelnost výkladu na jedničku s hvězdičkou."
ABRA Software a.s., Pavel M.
React framework - tvorba webových aplikací  ( RCT)
"Vyzdvihuji trpělivost lektora s mými překlepy v kódu + srozumitelný "hlas". Obsahově přesně podle očekávání. Díky"
MONETA Money Bank, a.s., Jaroslav B.
React framework - tvorba webových aplikací  ( RCT)
"Školení probíhalo v příjemném klidu u nás na cetrále, naprosto supr. Dííky"
Pelmet s.r.o., Michal P.
React framework - tvorba webových aplikací  ( RCT)
"Skvělý přístup lektora"
ČSOB Stavební spořitelna, a.s., Karel M.
React framework - tvorba webových aplikací  ( RCT)
"Školení obsahově dostatečné, základy probrané důsledně, pokročilé možnosti průřezově. Školitel profesionální, vstřícný a trpělivý. Samostatná práce by mohla být časově kratší, ale to je nejspíš můj subjektivní dojem. Celkově jedno z nejlepších školení co jsem kde absolvoval."
BUSINESS Systems, a.s., Veronika J.
React framework - tvorba webových aplikací  ( RCT)
"Nemám co vytknout. Kurz splnil moje očekávání. "
MONETA Money Bank, a.s., Josef B.
React framework - tvorba webových aplikací  ( RCT)
"Pozitivně hodnotím možnost si vše ihned vyzkoušet a možnost diskuze"
MONETA Money Bank, a.s., Roman P.
React framework - tvorba webových aplikací  ( RCT)
"Skvěle probraná látka. Lektor maximálně připraven, empatický a profesionální. Prostředí super a skvěle zajištěné občerstvení. Děkuji"
Profimedia.CZ a.s., Josef M.
React framework - tvorba webových aplikací  ( RCT)
"Pěkně připravené školení. Trochu rychlejší výklad, ale jinak by se to do dvou dnů těžko vešlo. Hlavní je, že vše probráno, vše vysvětleno."
ASSIST spol. s r.o., Pavel Z.
React framework - tvorba webových aplikací  ( RCT)
"Výborný kurz a skvělý přístup lektora mi pomohl zorientovat se v probíraných technologiích. Bohužel délka kurzu jen 2 dny je málo. Chtělo by to 3 až 4 dny."