AJAX: AJAX stands for Asynchronous JavaScript and XML. It is a set of techniques used to create dynamic, asynchronous web pages. It allows web pages to update parts of their content without having to reload the entire page. This can be done by making an HTTP request to the server in the background, and then updating the page with the new content.
Fetch API: The Fetch API is a newer and more powerful way of making HTTP requests from JavaScript. The Fetch API uses Promises to handle the response from the server, making it easier to work with asynchronous code.
JSON: JSON stands for JavaScript Object Notation. It is a lightweight data-interchange format that is easy for humans to read and write and easy for machines to parse and generate. JSON can be used to transmit data between a server and a web application, and is commonly used for AJAX requests.
DOM Manipulation: DOM (Document Object Model) manipulation refers to the process of manipulating the content and structure of a web page using JavaScript. This can include creating new elements, removing existing elements, and modifying the styles, attributes, and content of elements.
Templating: Templating is a way to create reusable templates that can be used to dynamically update a web page with new content. This can be done by binding data to a template, and then inserting that template into the DOM. There are several libraries and frameworks like handlebars, Mustache, ejs, etc that provide this functionality
Web Workers: Web Workers provide a way to run JavaScript in the background, without blocking the main thread. This can be useful for running long-running tasks, such as image processing or data calculations, without freezing the user interface.
WebSocket: WebSockets is a protocol that allows a web page to establish a full-duplex communication channel with a server. This allows for real-time communication between the browser and the server, which can be used to create applications such as chat, push notifications, and live-data updates.