Až javascriptové API vstavané v moderných prehliadačoch sú tým, čo webovú stránku premení na plnohodnotnú webovú aplikáciu, či už ide o grafiku, interaktivitu, prácu s dátami alebo načítanie vstupov z reálneho sveta. Možnosti sú obmedzené len [...]
  • JS_DOM2
  • Dĺžka 3 dni
  • 30 ITK bodov
  • 2 termíny
  • Bratislava (990 €)

    Brno (23 100 Kč)

    Praha (23 100 Kč)

  • Mierne pokročilý

Až javascriptové API vstavané v moderných prehliadačoch sú tým, čo webovú stránku premení na plnohodnotnú webovú aplikáciu, či už ide o grafiku, interaktivitu, prácu s dátami alebo načítanie vstupov z reálneho sveta. Možnosti sú obmedzené len bezpečnosťou a ochranou súkromia, prípadne výkonom hardvéru.

»
  • Práca so súbormi, ku ktorým pristupuje používateľ
  • Ukladanie údajov v prehliadači
  • Vylepšená validácia formulárov v HTML5
  • Vstupy z webovej kamery a mikrofónu
  • Animácie Javascript a CSS
  • Práca s grafikou (plátno, video)
  • Manipulácia s históriou prehliadača pre SPA
  • Práca s údajmi z iných domén (CORS)
  • Spúšťanie zložitejších výpočtov v samostatných vláknach (Worker)
  • Service worker (caching zdrojov, offline aplikácie)
  • Základy Fetch API (moderný nástupca AJAXu)
  • Nahrávanie súborov na server
  • Reakcia na posúvanie stránky, lazy-loading
  • Znalosť jazyka JavaScript na úrovni kurzu JS_PROG2 a DOM na úrovni kurzu JS_DOM1.

Moduly

  • Typy modulov
  • Lenivé načítanie

Základy cookies a webového úložiska

  • Cookies
  • Vytváranie a čítanie cookies
  • Možnosti a obmedzenia cookies
  • Bezpečnostné aspekty a obmedzenia
  • Lokálne úložisko
  • Úložisko dát
  • Načítanie dát
  • Odstránenie dát
  • Obmedzenia a bezpečnostné aspekty
  • Úložisko relácií
  • Rozdiely medzi lokálnym úložiskom a úložiskom relácií
  • Príklady použitia

Práca so súbormi, ku ktorým pristupuje používateľ

  • <input type="file">, natívne drag&drop v HTML5
  • FileList, File, FileReader a URL API
  • Náhľad obrázka pred odoslaním
  • FormData API (odosielanie údajov na server)

Správa histórie relácie ("History API")

  • Ako zachovať používateľský zážitok pri zmene obsahu stránky
  • Spracovanie tlačidla Späť v aplikáciách AJAX
  • História. pushState, history. replaceState
  • udalosť popstate na objekte okna

Ukladanie údajov v prehliadači

  • ošetrenie tlačidla na obnovenie stránky (F5)
  • WebStorage (localStorage)
  • IndexedDB

Práca s animáciami

  • API na prácu s animáciami CSS3
  • requestAnimationFrame

Práca s grafikou

  • <canvas> v kontexte 2d - Programovateľný obrázok

Získavanie vstupných údajov z webovej kamery a mikrofónu

  • getUserMedia a súvisiace API

Vylepšená validácia formulára v HTML5

  • nové typy prvkov a atribútov formulára
  • Constraint and Validation API

Práca s údajmi z iných domén (CORS)

  • Cross-Origin Resource Sharing
  • použitie pre AJAX, canvas a externé súbory

Základy Fetch API (moderný nástupca AJAXu)

JavaScript v samostatných vláknach (Worker)

Service worker (ukladanie zdrojov do medzipamäte, offline aplikácie)

Reakcia na posúvanie stránky, lenivé načítanie

  • InterSection Observer
Aktuálna ponuka
Školiace miesto
Jazyk kurzu

Uvedené ceny sú bez DPH.