DOM v JavaScriptu II: Pokročilé techniky

• Práce se soubory zpřístupněnými uživatelem
• Ukládání dat v prohlížeči
• Vylepšená validace formulářů v HTML5
• Vstup z webkamery a mikrofonu
• Javascript a CSS animace
• Práce s grafikou (canvas, video)
• Manipulace s historií prohlížeče pro SPA
• Práce s daty z jiných domén (CORS)
• Spouštění náročnějších výpočtů v samostatných vláknech (Worker)
• Service worker (kešování zdrojů, offline aplikace)
• Základy Fetch API (moderní nástupce AJAXu)
• Upload souborů na server
• Reakce na skrolování stránky, lazy-loading

• Znalost JavaScriptu na úrovni kurzu JS_PROG2 a DOMu na úrovni kurzu JS_DOM1.

Práce se soubory zpřístupněnými uživatelem

• <input type="file">, nativní drag&drop v HTML5
• FileList, File, FileReader a URL API
• Náhled obrázku před odesláním
• FormData API (odeslání dat na server)

Session History Management ("History API")

• jak zachovat uživatelský komfort při změně obsahu stránky
• ošetření tlačítka Zpět v AJAXových aplikacích
• history.pushState, history.replaceState
• událost popstate na objektu window

Ukládání dat v prohlížeči

• ošetření tlačítka pro obnovení stránky (F5)
• WebStorage (localStorage)
• IndexedDB

Práce s animacemi

• API pro práci s CSS3 animacemi
• requestAnimationFrame

Práce s grafikou

• <canvas> ve 2d kontextu - programovatelný obrázek

Načtení vstupu z webkamery a mikrofonu

• getUserMedia a navazující API

Vylepšená validace formulářů v HTML5

• nové typy formulářových prvků a atributů
• Constraint and Validation API

Práce s daty z jiných domén (CORS)

• Cross-Origin Resource Sharing
• využití pro AJAX, canvas a externí soubory

Základy Fetch API (moderní nástupce AJAXu)

JavaScript v samostatných vláknech (Worker)

Service worker (kešování zdrojů, offline aplikace)

Reakce na skrolování stránky, lazy-loading

• InterSection Observer

Predošlé kurzy

JavaScript I: Základy [JS_PROG1]

JavaScript II: Pokročilé techniky [JS_PROG2]

DOM v JavaScripte I: Základy [JS_DOM1]

Nasledujúce kurzy

Úvod do frameworku Svelte [JS_SVELTE1]

Automatizované testování JS aplikací pomocí knihovny Jest [JS_TEST_JEST]

TypeScript - typová kontrola pro JavaScript [JS_TS1]

Úvod do Vue.js [JS_VUE1]

Tvorba JS aplikací s využitím protokolu WebSocket [JS_WEBSOCKET]

jQuery Framework [JS_JQUERY]

Asynchrónne a reaktívne programovanie v JavaScripte [JS_ASYNC]

Tvorba backend aplikací pomocí Express.js [JS_EXPRESS1]

React I: Základy [JS_REACT1]

React II: Pokročilé techniky [JS_REACT2]

Redux a jeho implementace v Angular a React aplikacích [JS_REDUXJS1]

Úvod do frameworku Solid.js [JS_SOLID1]

Komunikácia so serverom pomocou AJAX a Fetch API [JS_AJAX]

Angular I: Základy [JS_ANGULAR1]