12 Web API’s
YOU NEED TO KNOW

Mayur Devle
2 min readJan 16, 2024

When writing code for the Web, there are a large number of Web APIs available. Below is a list of all the APIs and interfaces (object types) that you may be able to use while developing your Web app or site.

  1. Payment Request API:
    Introduced to standardize the checkout experience on the web. It remembers frequently used payment information and reduce the number of steps to make an online payment.
  2. DOM API:
    It is an application programming interface (API) for HTML and XML documents that defines the functionality of each of the elements in HTML. It gives access to and control of HTML elements via the
    DOM.
  3. Storage API’s:
    These Storage API provides mechanisms by which browsers can store data in a much more intuitive fashion.
    - Cookie Store API
    - Web Storage API (localStorage, sessionStorage)
    - IndexedDB API
    - Cookie Store API
  4. HTML sanitizer API:
    This take untrusted strings of HTML and Document and sanitizes them for safe insertion into a document’s DOM.
  5. Canvas API:
    The Canvas API is used to draw graphics using JavaScript and HTML. It is widely used in fields such as photo manipulation, video processing, data visualization, and game development.
  6. History API:
    This provides access to the browser’s session history through the history object. It exposes useful methods and properties that let’s you navigate back and forth through the user’s history, and manipulate the contents of the history stack.
  7. Clipboard API:
    The Clipboard API provides the ability to respond to clipboard commands (cut, copy, and paste) as well as to asynchronously read from and write to the system clipboard.
  8. Fullscreen API:
    The Fullscreen API adds methods to the Document and Element interfaces to allow turning off and on fullscreen mode.
  9. FormData API’s:
    This interface provides a way to easily construct a set of key/value pairs representing form fields and their respective values.
    - FormData
    - FormDataEvent
  10. Fetch API:
    Used for performing network requests to servers from web browsers.
  11. Drag-and-Drop API’s:
    These interfaces enable applications to use drag & drop features in browsers.
    - Drag and Drop API
    - FileReader API
  12. Geolocation API:
    This interface is used to obtain the position of the device programmatically which further helps in offering customized results based on the user’s location.

All web API event reference

That’s all for this blog post. If you enjoyed learning and find it useful please do like and share so that, it reaches others as well…🤝

Thanks for reading 😃

I would like to connect with you at LinkedIn

See you in my next Blog article, Take care!!
Happy Learning :)

--

--