základní technologie a pojmy

HTTP

HTML

DOM

AJAX

evoluce webových aplikací

prezentace

multi-page aplikace

single-page aplikace

isomorfní aplikace

progresivní aplikace

workshop 

expense-tracker

Vytvořte jednoduchou webovou aplikaci, která bude evidovat výdaje za nakoupené zboží.

Aplikace se bude sestávat z jedná tabulky, kde budou postupně zobrazeny všechny výdaje, a formuláře pro přidání jednotlivých položek.

základní technologie

NodeJS

NPM

Webpack

Babel

React

nodeJS

BE běhové prostředí pro JS založené na V8

první release v roce 2009

rozšiřuje V8 o práci s FS, sítí apod.

neblokační, asynchronní 

https://nodejs.org/en/

Node package manager

balíčkovací utilita pro NodeJS

distribuován s NodeJS

má vlastní repozitář

https://qz.com/646467/how-one-programmer-broke-the-internet-by-deleting-a-tiny-piece-of-code/

https://www.npmjs.com/

webpack

module bundler

převádí graf modulů na statické závisloti

umožňuje modifikovat požadované závislosti

loadery

https://webpack.github.io/

babel

transpilátor ES

podporuje různé presety

umožňuje používat novější či experimentální syntaxi ES i na starších prohlížečích

umí transpilovat React JSX

https://babeljs.io/

react

knihovna pro tvorbu UI a manipulaci s DOM

vytvořena pro Facebook

deklarativní, komponentární

always re-render

https://facebook.github.io/react/