Komunikace se serverem pomocí AJAX a Fetch API

• HTTP protokol, komunikace klient-server
• Od stavového kódu 204 k Fetch API
• Asynchronní požadavky a jejich zpracování
• Metody protokolu HTTP (GET, POST a ostatní)
• Objekt XMLHttpRequest
• Strukturovaná data (JSON, XML)
• Zrušení požadavku, timeout
• Kešování, přesměrování
• Monitorování uploadu a stahování dat
• Vícenásobné požadavky a jejich zpracování
• Cookies a přihlášení uživatele, bezpečnost
• Fetch API, Promises, await, async
• Požadavky napříč doménami (CORS)
• Práce se soubory
• Session-history management (řešení tlačítka Zpět)

• Základní znalost JavaScriptu na úrovni kurzu INTJS.

HTTP protokol

• požadavek klienta (request), odpověď serveru (response)
• stavové kódy (200, 301, 404 aj.)
• metody GET, POST aj.
• HTTP hlavičky které musíte znát
• vývojářské nástroje

Komunikace klient-server bez obnovení stránky

• stavový kód 204
• dynamicky vytvářený <script src="">
• XMLHttpRequest (XHR, AJAX)
• Fetch API
• stručně o dalších technologiích (WebSockets, Server-Sent Events, WebRTC)

Zpracování asynchronních požadavků

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

Strukturovaná data

• atribut enctype, hlavička Content-Type
• XML
• JSON

Časový průběh požadavků

• timeout
• abort
• vícenásobné požadavky

Kešování, přesměrování

Skutečný průběh stahování nebo uploadu

Přihlašování uživatele, cookies

Požadavky napříč doménami (CORS)

Práce se soubory

• soubory zpřístupněné uživatelem (input, drag&drop)
• upload souborů (FormData)
• stahování souborů (práce s binárními daty)

Session-history management (řešení tlačítka Zpět)

Fetch API - moderní nástupce AJAXu

Předchozí kurzy

JavaScript I: Základy [JS_PROG1]

Navazující kurzy

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]

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

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]

Úvod do frameworku Svelte [JS_SVELTE1]

JavaScript II: Pokročilé techniky [JS_PROG2]

Angular I: Základy [JS_ANGULAR1]

Angular II: Pokročilé techniky [JS_ANGULAR2]

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

DOM v JavaScriptu I: Základy [JS_DOM1]