Čo sa na tomto kurze naučíte Obsah školenia Pre koho je kurz určený Prečo ísť na tento kurz Čo budete potrebovať Povedali o školení

Školenie

Najbližší termín

Momentálne nie je naplánovaný ďalší termín tohto školenia.

Ak chcete, rád vás budem informovať, keď bude zverejnený nasledujúci termín. Budete tak včas informovaný.

Informujte sa

Chcete vlastný termín?

Ak máte záujem o školenie len pre vás, v termíne, ktorý vyhovuje vám, dajte mi vedieť. Na cene aj termíne sa dohodneme.

Získajte ponuku

Príbuzné kurzy

React je moderná JavaScriptová knižnica na tvorbu UI a Redux stavový kontajner, oboje vhodné pre tvorbu dynamických webových aplikácií. Naučte sa tvoriť dynamické webové či mobilné aplikácie s použitím týchto knižníc.

Čo sa na tomto kurze naučíte

Na školení React + Redux sa naučíte vytvárať jednostránkové, Single Page Aplikácie (SPA), ktoré budú používať React a Redux - jednu si spolu naprogramujeme.

Pri vývoji aplikácie sa naučíte, čo sú to komponenty a ako na ne aplikáciu podeliť. Nakoľko React slúži len na tvorbu užívateľského rozhrania, ktoré sa generuje na základe stavu, naučíte sa, ako v aplikácii držať stav pomocou Reduxu.

Veľa reálnych aplikácií potrebuje zbierať od užívateľov nejaké údaje. Naučíte sa ako sa pracuje s formulármi, ako sa validujú dáta zadané užívateľom a ako môžete tieto dáta odosielať na server. Tiež si ukážeme, ako dáta zo servera načítavať (cez REST API) a následne použiť v našej aplikácii.

Keďže aplikácia sa skladá z množstva menších JavaScriptových súborov, naučíte sa, ako použiť Webpack na ich kombináciu a minifikáciu.

No a ak ešte nepoužívate najnovšiu verziu JavaScriptu, ES2015 (dnes už ES2018) tiež nazývanú ES6 (dnes už ES9), tak sa naučíte aj to. Aplikácia bude vo finále v prehliadačoch bežať vo verzii, ktorej prehliadače rozumejú (t.j. v ES5) a o konverziu (transpiláciu) z ES6 do ES5 sa postará Babel, s ktorým sa tiež naučíte pracovať.

Obsah školenia

Na kurze React + Redux sa postupne naučíte ako vytvoriť SPA (Single Page Application, jednostránkovú aplikáciu) použitím knižníc React a Redux v najnovšom JavaScripte (ES6 / ES2015) a jeho transpilácii do ES5. Aktuálne používame verziu React 16.8 (tá, ktorá už obsahuje hooks). Témy, ktorým sa spolu budeme venovať:

  • React - tvorba UI
    • Základný stavebný kameň - komponenta
    • Komponenty ako triedy a ich životný cyklus
    • Komponenty ako funkcie a použitie hookov
    • Vlastnosti (props) a stav (state) komponent
    • JSX - Syntaktické rozšírenie JavaScriptu vyzerajúce ako XML
    • Práca s formulármi a ich validácia
    • Integrácia s externými knižnicami
  • Redux - stav aplikácie
    • Prečo potrebujeme v aplikácii držať stav
    • Čo je architektúra Flux
    • Ako Redux implementuje Flux
    • Základné stavebné kamene - store, actions, a reducers - a vzťahy medzi nimi
    • Ako prepojiť React a Redux
  • Babel - použitie ES9/ES2018 už dnes
    • Čo je Babel a ako ho používať
    • let a const - odstránenie problémov používania var
    • Destructuring - deklarácia premenných priamo z objektov a polí
    • Templated strings - práca s reťazcami na steroidoch
    • Triedy (class) a dedičnost
    • Rest a spread - práca s parametrami a poliami
    • Arrow funkcie a ich dopad na lexikálne this
    • Moduly - definícia modulov a ich použitie
  • Webpack - inteligentné spájanie zdrojového kódu
    • Prečo spájať zdrojový kód
    • Ako sa zvykol spájať kód voľakedy a ako to robí Webpack
    • Rôzne modulové systémy (ES6, AMD, CommonJS) a ich použitie

Pre koho je kurz určený

Tento kurz je určený pre všetkých, ktorí ovládajú aspoň základy JavaScriptu a chceli by JavaScript využívať aj na tvorbu Single Page Aplikácií (SPA), ktoré sú čím ďalej populárnejšie a na niektoré scenáre veľmi šikovné a užitočné.

React v kombinácii s Reduxom vám umožnia ľahko, rýchlo a hlavne jednoducho naprogramovať jednoduchú ale aj komplexnú jednostránkovú aplikáciu. A to ľahko udržiavateľnú, v ktorej navyše máte jasne zadefinovaný tok dát a štruktúru stavu. Podľa stavu zase viete úplne presne, ako bude vyzerať vaše užívateľské rozhranie.

Preto ak už máte základné skúsenosti s JavaScriptom na frontende, bola by škoda nevedieť ako sa dá použiť na tvorbu celých dynamických jednostránkových aplikácií.

Prečo ísť na tento kurz

Na toto školenie by ste mali prísť, pretože už ovládate JavaScript a chcete vytvárať jednostránkové aplikácie (Single Page Applications - SPA), napríklad mobilné aplikácie v Cordove.

Ak ste ešte nikdy neprogramovali SPA, na toto školenie by ste mali prísť, aby ste sa to naučili s použitím tohto jednoduchých a veľmi populárnych knižníc.

Ak už máte skúsenosti s tvorbou SPA, napríklad použitím Backbone, Knockout či Angular, mali by ste na tento kurz prísť, aby ste videli, ako sa aspekty jednostránkových aplikácií riešia v inom frameworku. Poznať viac možností na tvorbu SPA vám rozšíri vaše obzory a na niektoré veci sa už nikdy nebudete pozerať ako predtým.

Čo budete potrebovať

Na toto školenie si so sebou prineste svoj vlastný notebook. Programovať budeme v textovom editore, ak máte svôj obľúbený, použijete ten, ak nie, použiť môžete napríklad Visual Studio Code.

Keďže na tomto školení sa programuje v JavaScripte, je nutná aspoň základná znalosť programovania v jazyku JavaScript. Nakoľko budeme robiť webovú aplikáciu, ktorá bude obsahovať aj užívateľské rozhranie, podmienkou je základná znalosť HTML a CSS.

Povedali o školení

Marek Jurčo Hyundai AutoEver

Po školení som odchádzal s pocitom, že React viem uchopiť a začať v ňom riešiť drobné úlohy. Vyborný priebeh od začiatku po koniec školenia. Vidno že Michal má reálne skúsenosti a čo je hlavné, vie ich zaujímavou formou posunúť ďalej. Neformálna atmosféra na školení bolo za mňa tiež veľké plus.

  Celkovo:

  Detailnosť:

  Školiteľ:

Ľuboš Pittner PosAm

Počas školenia sme prešli od úplných základov Javascript-u po pokročilejšie techniky v React-te a to zrozumiteľnou a aj praktickou formou. Výsledkom bola vlastná aplikácia, ktorú sme iteratívne vylepšovali a na nej získavali potrebné skúsenosti.

  Celkovo:

  Detailnosť:

  Školiteľ:

Lukáš Ivan PosAm

Výborné školenie ktoré preberá tému v presne správnom poradí, s postupným zapájaním nových technológií a refaktorovaním kódu pomocou každej novej technológií.

Jasne vysvetľuje ako dané technológie fungujú a prečo a na riešenie akých problémou sa používajú.

  Celkovo:

  Detailnosť:

  Školiteľ:

Pavol Ďuďák PosAm

Bolo mi objasnené celé fungovanie Reactu spolu so zaužívanými best practices. Po školení sa cítim byť pripravený na vývoj React projektu.

  Celkovo:

  Detailnosť:

  Školiteľ:

Martin Bórik PosAm

Na Michalovi som ocenil výborné prezentačné schopnosti, priateľské vystupovanie, priamu a úprimnú komunikáciu, skvele iteratívne pripravené slajdy a látku nimi vysvetlenú od uplných fundamentálnych záležitostí, postupne odkrývajúc všetky potrebné znalosti a dostupné možnosti danej látky.

Sám som mal možnosť párkrát prednášať a školiť, no stretnutie s Michalom bolo pre mňa obrovsky inšpirátívne.

  Celkovo:

  Detailnosť:

  Školiteľ:

Ján Nalevanko Rasax

Skvelý úvod do Reactu, človek si uvedomí súvislosti, ktoré v ostatných tutoriáloch nie sú zdôraznené. Ďakujeme.

  Celkovo:

  Detailnosť:

  Školiteľ:

Roman Švaňa Rasax

Školením som pochopil, ako pracuje React, a to je najdôležitejšie. Príkazy, syntax sú v materiáloch, tie do krvi vojdú aj tak až pri používaní.

  Celkovo:

  Detailnosť:

  Školiteľ:

Dušan Všeobecná úverová banka

Skvelé školenie React/Redux od chlapíka, čo sa vyzná nielen v Javascripte, ale aj súvisiacich témach - node, podpora Reactu v rozličných verziách prehliadačov, HTTP, ...

  Celkovo:

  Detailnosť:

  Školiteľ:

Martin Hudák Všeobecná úverová banka

Školenie rozhodne odporúčam hlavne kvôli profesionalite, neformálnosti a rozsiahlym znalostiam prednášajúceho.

  Celkovo:

  Detailnosť:

  Školiteľ:

Marek Varchula Všeobecná úverová banka

Školenie ozrejmilo syntax a vlastnosti reactu, ktoré sa dajú využívať. Nenudilo a dobre sa počúvalo. Dalo mi to dosť veľa.

  Celkovo:

  Detailnosť:

  Školiteľ:

Tomáš Čegiň GlobalLogic

Super školiteľ, dozvedel som sa veľa o zaujímavej technológii.

  Celkovo:

  Detailnosť:

  Školiteľ:

Matus Mihely GlobalLogic

Michalove prezentačné schopnosti sú úžasné a krásne vedel zodpovedať a vysvetliť všetky otázky, ktoré na neho boli počas školenia kladené. Je vidiet, že sa v tom čo robí, naozaj vyzná.

  Celkovo:

  Detailnosť:

  Školiteľ:

Martin Kropuch GlobalLogic

Veľmi dobré prezentačné schopnosti školiteľa a výborná rozhľadenosť v témach súvisiacich so školením. Vhodné pre vývojárov bez znalostí ale aj so znalosťami React+Redux.

Počas školenia dokázal Michal veľmi rýchlo vyriešiť ak mal niektorý zo študentov problém s aplikáciou, čo dokazuje dobré praktické znalosti s problematikou.

  Celkovo:

  Detailnosť:

  Školiteľ:

Mario Fančovič

Bol som na takomto školení po prvý raz a som nadmieru spokojný. Informácie, ktoré som získal by som inde získaval len veľmi ťažko, pretože tu má človek možnosť skutočne kedykoľvek zdvihnúť ruku a spýtať sa, čomu nerozumie a nepohnúť sa ďalej, dokiaľ problém nie je objasnený.

Znalosti školiteľa a jeho priateľské chovanie je obdivuhodné.

  Celkovo:

  Detailnosť:

  Školiteľ:

Filip

Školiteľ Michal je osoba so super kombináciou - problematiku, ktorú školí pozná skutočne o hĺbky, počas diskusie vedel vysvetliť absolútne detaily technológií, ako fungujú...

Zároveň je veľmi výrečný a s ľudským prístupom vie vysvetliť jednotlivé témy zľava-sprava až kým to človek pochopí. Zo školenia mám pocit, že téma, ktorú školí je jeho koníčkom. Palec hore!

  Celkovo:

  Detailnosť:

  Školiteľ:

Jakub Vaněk Avast

Skvělé školení, které mi pomohlo pochopit danné téma. Michal se rozhodně vyzná a jeho přednes byl snadno pochopitelný.

Pokud bylo potřeba vyřešit konkrétní problém, bez problémů a s ochotou se problém vyřešil včetně vysvětlení, aby se problém neopakoval. Určitě doporučuji!

  Celkovo:

  Detailnosť:

  Školiteľ:

Michal Avast

Školenie pokrylo všetky aspekty, ktoré som od neho očakával. Školiteľ má skvelé vedomosti, ktoré su obohatené praxou. Jeho vystupovanie bolo veľmi dobré. Nie je monotónne a človek tak nezaspáva :) Plus občasný humor znovu vtiahne poslucháča do diania.

Školiteľ je veľmi ochotný a rád poradí.

  Celkovo:

  Detailnosť:

  Školiteľ:

Andrej Bosík

Keď tomu človek rozumie, tak je všetko jednoduché :)

  Celkovo:

  Detailnosť:

  Školiteľ:

Peter Garbár

Na školení som si utvrdil základné znalosti o Reacte, rozšíril o správne používanie a tiež som sa naučil ako používať Redux. Celé školenie bolo praktické, ale v rozumnej hĺbke boli prebraté aj základné princípy fungovania (čo sa deje na pozadí).

Odporučil by som ho všetkým, ktorí majú základné znalosti o Reacte a nechcú sa všetko učiť z dokumentácie. Mne ušetrilo množstvo času a objasnilo veci, ktorým som nerozumel.

Tiež som dostal veľa rád pre projekt, čo bolo určite nad rámec školenia, ale pre mňa to bolo veľmi prínosné.

  Celkovo:

  Detailnosť:

  Školiteľ:

Martin Formanko

Michal je terminátor - zneškodní každú vašu otázku vyčerpávajúcou odpoveďou. Výborné prednášajúce schopnosti, štrukturované na seba nadväzujúce témy.

Naši programátori prišli zo školenia veľmi spokojní.

  Celkovo:

  Detailnosť:

  Školiteľ:

Adam Škůrek mediworx software solutions

Školenie bolo školiteľom výborne navrhnuté a aj zvládnuté. Látka bola zhustená na dva dni, a teda naozaj nenastávali hluché miesta. Taká nalieváreň krížená s workshopom.

Nestal sa zo mňa okamžite Angular ninja, ale ako úplný laik (čo sa témy týka), som získal dostatočný prehľad "wo co go" (a aj praktický skill), aby som sa vedel pustiť do vlastných Angular projektov.

  Celkovo:

  Detailnosť:

  Školiteľ:

Ľubka Vilmošová mediworx software solutions

Školenie bolo rozsiahle, kreatívne, zaujímavé, pútavé... Školiteľ sa vyzná v oblasti, je schopný odpovedať na otázky, povie veľa aj mimo "školiacej látky"...

Určite by som prišla aj na ďalšie školenia :)

  Celkovo:

  Detailnosť:

  Školiteľ:

Jozef Králik ESET

Dostal som celkový pohľad na React+Redux (doslova že nalievak), vďaka ktorému viem napísať webovú appku, ktorá má hlavu a pätu a dokonca je veľmi pravdepodobné, že bude aj konzistentná.

  Celkovo:

  Detailnosť:

  Školiteľ:

Luboš Matejíček ESET

Školenie sa mi páčilo, bolo zrozumiteľné. Prekvapilo ma, čo všetko sme stihli za 2 dni. Na rozbeh to bolo úplne super.

  Celkovo:

  Detailnosť:

  Školiteľ:

Richard

Školenie o React-e na steroidoch. Chvíľami som mal pocit, že mi asi narástla hlava, aby som vedel vstrebať všetky informácie :)

Veľmi sa mi páčilo, že školenie bolo pretkané aj praktickými radami z vývoja, takéto rady sú na nezaplatenie. Školenie určite odporúčam!

  Celkovo:

  Detailnosť:

  Školiteľ:

Mgr. Jiřina Březinová

Dvoudenní školení bylo informačně velmi obsáhlé a velkým krokem k hlubšímu pochopení tvorby dynamických webových aplikací.

Zkušený přístup školitele a zvídavý přístup ostatních účastníků jen zvýšil mou chuť a radost z práce s Reactem. Vřelé díky.

  Celkovo:

  Detailnosť:

  Školiteľ:

Peter Bartoš

Skvelé lektorské schopnosti v kombinácii s vysokou úrovňou znalostí, som nadšený.

Na školenie som prišiel takmer s nulovými znalosťami problematiky a myslím, že vďaka tomuto štartu som ušetril týždne študovania základných princípov. Ďakujem.

  Celkovo:

  Detailnosť:

  Školiteľ:

Michal Kopecký Niké

Výborné rozšírenie rozhľadu v obľasti JavaScriptu

  Celkovo:

  Detailnosť:

  Školiteľ:

Peter Niké

Veľmi príjemné školenie. Školiteľ je týpek zo zmyslom pre humor s ktorým sa dá v pohode pokecať o akomkoľvek probléme z prezentujúcej oblasti aj zo života.

Trpezlivo vysvetľoval, prezentoval, zarovno s nami programoval (aj ked niekedy bol lenivý a copy pastol si tam časť kódu :D) a najmä v prípade problému stál a pomáhal nám až kým všetkým všetko nefungovalo.

V neposlednom rade v kurze použil aj nové "fičúry" z oblasti JS čo nám určite zjednoduší život v nasledujúcej práci.

  Celkovo:

  Detailnosť:

  Školiteľ: