Termíny:
18. 6. – 19. 6. 2019 >>> Objednat
Cena: 12.800 Kč
React
Kurz je určen programátorům, kteří chtějí začít tvořit aplikace za použití javascriptového frameworku React. React (React.js, ReactJS) je poměrně mladý framework, přesto se může těšit nevídané popularitě. Stojí za ním facebook, který v něm má napsané velké množství aplikací a dále ho rozvijí. Pokud patříte mezi ty, kteří uvažují o nasazení Reactu ve vašem projektu, určitě nebudete litovat. Na kurzu se seznámíte s filozofií Reactu a pochopíte, proč je ReactJS tak oblíbený. Dozvíte se, jak na Reactu postavit celou aplikaci, ale i jak React začlenit do již existující aplikace. Na praktických ukázkách si ukážeme, jak React funguje, jak v něm napsat aplikaci a nasadit ji na server.
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.
Chcete prohloubit svoje znalosti Node.js? Pak je tu pro Vás školení Node JS.