Tvorba klientských aplikací v JavaScriptu
ES6 - cvičení
- Webová interaktivní prezentace
- "?" zobrazí krátkou nápovědu
- Tisk jako obvykle
- Pro pokračování stiskněte mezerník
Obsah
- let, const
- Arrow funkce
- Template literal
- Class
- Promise
- Transpilace do ES5 - Babel
Zadání
- zadani.html
- Využijeme JS soubory z 2. cvičení
- Upravte: IIFE v navěšování posluchačů nahraďte za const/let
- Upravte: State zkuste přepsat pomocí Class
- Upravte: State.getTodos filter a bind, přepište na arrow funkci
- Upravte: createHtmlWithCreateElement cyklus zkuste přepsat na for - of
- Upravte: createHtmlWithStrings přepište na template literal
- Prozkoumejte Promisy a jejich zpracováním
Promise
- O co jde?
- Promise, then, fullfill, reject, resolve
- Úkol: napište asynchroní výpočet za použití setTimeout
- Úkol: napište stahovač html aktuální stránky pomocí Promise
- Úkol: napište stahovač html aktuální stránky pomocí async/await
Babel
- https://babeljs.io
- Vyzkoušejte různé konstrukce: let, const, class, arrow funkce, template literal