Popis

Témata:

• Webová aplikace jako “externí systém” – SPA aplikace
• Problematické stránky v javascriptu
• Novinky v javascriptu a ES6 (ES2015)
• Hlavní filozofie Reactu a čím se zásadně liší od ostatních frameworků
• Kdy je React vhodné použít a kdy je lepší se mu vyhnout
• JSX a jak nám zjednoduší práci
• Komponenta v Reactu a její životní cyklus
• Vytvoření vlastní znovu použitelné komponenty
• Spolupráce Reactu s ostatními frameworky
• Kdy si vystačíme pouze s Reactem a kdy je vhodné použít i další frameworky
• Node.js, npm, gulp a modulovým systémem npm
• Json REST API
• Aplikace v Reactu, jak zpracovávat formuláře a ošetřovat uživatelské chyby
• Jak použít již hotové, volně přístupné komponenty

Požadované vstupní znalosti:

• Jazyk Javascript na základní úrovni
• Základy HTML, CSS

Co se na školení naučíte:

Nejprve proběhe technologický úvod do SPA, proč jsou, proč tu nebyly dříve a proč jsou tak populární. Vysvětlíme si termíny jako AJAX, CRUD, RESR, SPA. Poté se ihned pustíme do vývoje naší první aplikace.

Osnova kurzu:

• Jak se chová SPA
• Javascript, vytvaření objektů a metod. Obor platnosti, scope, this
• Novinky v ES6 (ES2015)

React

• Zavedení reactu, vypsání „Hello World“
• Syntaxe JSX, potřebné knihovny, vytvoření komponenty
• Životní cyklus reactu, příklady
• Vytváření komponent a rendrování

Ostatní frameworky

• Jak React spolupracuje s jQuery a dalšími populárními frameworky

NodeJS a server side procesy

• NodeJS, Gulp, NPM a jak nám usnadní vývoj aplikace v Reactu
• Jak projekt rozdělit do jednotlivých modulů.
• Vytvoření http request na REST API a data vypíšeme pomocí Reactu
• Odeslání formuláře na REST API a ošetření uživatelských chyb

Vlastní aplikace v Reactu

• Napsání plnohodnotné SPA pomocí Reactu, ukázání oboustranné komunikace se serverem
• Připojení dalších hotových komponent
• Řekneme si kam dál a jaké frameworky je vhodné kombinovat a proč. Popíšeme si, co je Redux a Flux.