Komunikácia so serverom pomocou AJAX a Fetch API

• HTTP protokol, komunikácia klient-server
• Od stavového kódu 204 k Fetch API
• Asynchrónne požiadavky a ich spracovanie
• Metódy protokolu HTTP (GET, POST a ostatné)
• Objekt XMLHttpRequest
• Štrukturované dáta (JSON, XML)
• Zrušenie požiadavku, timeout
• Kešovanie, presmerovanie
• Monitorovanie uploadu a sťahovanie dát
• Viacnásobné požiadavky a ich spracovanie
• Cookies a prihlásenie užívateľa, bezpečnosť
• Fetch API, Promises, await, async
• Požiadavky naprieč doménami (CORS)
• Práca so súbormi
• Session-history management (riešenie tlačidla Späť)

• Základná znalosť JavaScriptu na úrovni kurzu INTJS

HTTP protokol

• požiadavka klienta (request), odpoveď serveru (response)
• stavové kódy (200, 301, 404 a iné)
• metódy GET, POST a iné
• HTTP hlavičky, ktoré musíte poznať
• vývojárske nástroje

Komunikácia klient-server bez obnovenia stránky

• stavový kód 204
• dynamicky vytváraný <script src="">
• XMLHttpRequest (XHR, AJAX)
• Fetch API
• stručne o ďalších technológiách (WebSockets, Server-Sent Events, WebRTC)

Spracovanie asynchrónnych požiadaviek

• udalosti (events): od readystatechange po load
• chybové stavy
• Promises
• await, async

Štruktúrované dáta

• atribút enctype, hlavička Content-Type
• XML
• JSON

Časový priebeh požiadaviek

• timeout
• abort
• viacnásobné požiadavky

Kešovanie, presmerovanie

Skutočný priebeh sťahovania alebo uploadu

Prihlasovanie užívateľa, cookies

Požiadavky naprieč doménami (CORS)

Práca so súbormi

• súbory sprístupnené užívateľom (input, drag&drop)
• upload súborov (FormData)
• sťahovanie súborov (práca s binárnymi dátami)

Session-history management (riešenie tlačidla Späť)

Fetch API - moderný nástupca AJAXu

Predošlé kurzy

JavaScript I: Základy [JS_PROG1]

Nasledujúce kurzy

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

Úvod do Vue.js [JS_VUE1]

TypeScript - typová kontrola pro JavaScript [JS_TS1]

Úvod do frameworku Solid.js [JS_SOLID1]

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

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

Úvod do frameworku Svelte [JS_SVELTE1]

Asynchronní a reaktivní programování v JavaScriptu [JS_ASYNC]

Angular I: Základy [JS_ANGULAR1]

Angular II: Pokročilé techniky [JS_ANGULAR2]

DOM v JavaScriptu I: Základy [JS_DOM1]

React I: Základy [JS_REACT1]

React II: Pokročilé techniky [JS_REACT2]

DOM v JavaScriptu II: Pokročilé techniky [JS_DOM2]

JavaScript II: Pokročilé techniky [JS_PROG2]