Tvorba klientských aplikací v JavaScriptu

Obsah

1. let, const
2. Arrow funkce
3. Template literal
4. Class
5. Promise
6. 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

Řešení

Prostor pro otázky