Communication with server using AJAX and Fetch API

• HTTP protocol, client-server communication
• From the 204 status code to the Fetch API
• Asynchronous requests and their processing
• HTTP protocol methods (GET, POST and others)
• XMLHttpRequest object
• Structured data (JSON, XML)
• Request cancellation, timeout
• Caching, redirection
• Upload and download monitoring
• Multiple requests and their processing
• Cookies and user login, security
• Fetch API, Promises, await, async
• Cross Domain Requests (CORS)
• Working with files
• Session-history management (Back button solution)

• Basic knowledge of JavaScript at INTJS course level.

HTTP protocol

• client request, server response
• status codes (200, 301, 404, etc.)
• GET, POST, etc. methods
• HTTP headers you need to know
• development tools

Client-server communication without page refresh

• status code 204
• dynamically generated <script src="">
• XMLHttpRequest (XHR, AJAX)
• Fetch API
• briefly about other technologies (WebSockets, Server-Sent Events, WebRTC)

Processing asynchronous requests

• events: from readystatechange to load
• error conditions
• Promises
• await, async

Structured data

• enctype attribute, Content-Type header
• XML
• JSON

Request timing

• timeout
• abort
• multiple requests

Caching, redirection

Actual download or upload progress

User login, cookies

Cross-domain requests (CORS)

Working with files

• files accessed by the user (input, drag&drop)
• file upload (FormData)
• file downloads (working with binary data)

Session-history management (Back button solution)

Fetch API - modern successor of AJAX

Previous courses

JS_PROG1 - JavaScript I: Basics [JS_PROG1]

Next courses

Creating JS applications using the WebSocket protocol [JS_WEBSOCKET]

Introduction to Vue.js [JS_VUE1]

TypeScript - type checker for JavaScript [JS_TS1]

Introduction to Solid.js framework [JS_SOLID1]

Redux and its implementation in Angular and React applications [JS_REDUXJS1]

Automated testing of JS applications using the Jest library [JS_TEST_JEST]

Introduction to the Svelte framework [JS_SVELTE1]

Asynchronous and reactive programming in JavaScript [JS_ASYNC]

Angular I: Basics [JS_ANGULAR1]

Angular II: Advanced techniques [JS_ANGULAR2]

DOM in JavaScript I: Basics [JS_DOM1]

React I: Basics [JS_REACT1]

React II: Advanced techniques [JS_REACT2]

DOM in JavaScript II: Advanced Techniques [JS_DOM2]

JavaScript II: Advanced techniques [JS_PROG2]