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.

Školenie React + Redux - Dynamické webové aplikácie

Detail školenia

Miesto

Obvykle Bratislava

Počet dní

Obvykle 2 dni

Počet účastníkov

Obvykle maximálne 10

Cena

300€

(360€ s DPH)

Informácia pri zverejnení termínu

Č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, či ako robiť tzv. hot-reload, t.j. ako vyvolať zmeny v prehliadači po zmene kódu bez reštartu aplikácie. Je to neoceniteľný pomocník pri vývoji.

No a ak ešte nepoužívate najnovšiu verziu JavaScriptu, ES2015 tiež nazývanú ES6, 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. Témy, ktorým sa spolu budeme venovať:

  • React - tvorba UI
    • Základný stavebný kameň - komponenta
    • Životný cyklus komponent
    • 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
    • Renderovanie na servery
  • 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 ES6/ES2015 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 (vývoj ktorých vás rád rád naučím na Cordova školení).

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 Sublime.

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í

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

Peter
Niké

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

  Celkovo:

  Detailnosť:

  Školiteľ:

Michal Kopecký
Niké

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

Peter Bartoš

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

Mgr. Jiřina Březinová

Š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ľ:

Richard

Š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ľ:

Luboš Matejíček
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ľ:

Jozef Králik
ESET

Š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ľ:

Ľubka Vilmošová
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ľ:

Adam Škůrek
mediworx software solutions

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

Martin Formanko

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

Peter Garbár

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

  Celkovo:

  Detailnosť:

  Školiteľ:

Andrej Bosík

Š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ľ:

Michal
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ľ:

Jakub Vaněk
Avast