JavaScript Web API Intro
JavaScript Basics

JavaScript Web API Intro

Web APIs - An Overview

Web APIs are like a boon for developers, offering a plethora of advantages:

  • They expand the capabilities of web browsers.
  • They simplify intricate functions, making development smoother.
  • They provide a streamlined syntax for complex code.

Understanding Web APIs:

At its core, API stands for Application Programming Interface.

A Web API serves as an interface for interacting with web-based applications.

Browser APIs:

Every browser comes equipped with its set of pre-built Web APIs, designed to facilitate sophisticated operations and streamline data access.

For instance, consider the Geolocation API, which retrieves the user's current coordinates.


const displayLocation = document.getElementById("location");

function getLocation() {
  if (navigator.geolocation) {
  } else {
    displayLocation.innerHTML = "Geolocation is not supported by this browser.";

function showPosition(position) {
  displayLocation.innerHTML = "Latitude: " + position.coords.latitude +
  "<br>Longitude: " + position.coords.longitude;

Third-Party APIs:

In contrast to browser APIs, third-party APIs are not inherently integrated into your browser. To utilize them, you must fetch the necessary code from the web.

Examples include:

  • YouTube API: Enables embedding videos on a website.
  • Twitter API: Facilitates displaying tweets on a web page.
  • Facebook API: Allows integration of Facebook content into a website.

These APIs extend the functionality of your web applications beyond the capabilities provided by browser APIs alone.

Take a look into your desired course