Web APIs - Introduction

❮ Previous Next ❯

A Web API is like a treasure for developers.

It can add more features to the web browser.
It can make complicated tasks much simpler.
"It simplifies complicated code with easy-to-understand syntax."

What is Web API?

API means Application Programming Interface.

A Web API is like a doorway for software to talk to each other over the internet.

A Browser API helps to add more things a web browser can do.

A Server API helps increase what a web server can do.

Browser APIs

All web browsers come with a set of pre-installed Web APIs that assist in performing advanced tasks and accessing data.

For instance, the Geolocation API can provide the exact location coordinates of the browser.

Third Party APIs

Third party APIs aren't part of your browser by default.

To access these APIs, you need to get the code from the internet.

Examples:

YouTube API enables you to show videos on a website.
Twitter API enables you to show Tweets on a website.
Facebook API enables you to show information from Facebook on a website.

<!DOCTYPE html>
<html>
  <body>
    <h2>JavaScript Geolocation</h2>
    <p>Click the button to get your coordinates.</p>
    <button onclick="getLocation()">Try It</button>
    <p id="demo"></p>
    <script>
      const x = document.getElementById("demo");

      function getLocation() {
        try {
          navigator.geolocation.getCurrentPosition(showPosition);
        } catch {
          x.innerHTML = err;
        }
      }

      function showPosition(position) {
        x.innerHTML = "Latitude: " + position.coords.latitude + " <br> Longitude: " + position.coords.longitude;
      }
    </script>
  </body>
</html>

❮ Previous Next ❯

JavaScript Tutorial

JS Math

JS Versions

JS Objects

JS Functions

JS Classes

JS Async

JS HTML DOM

JS Browser BOM

JS Web APIs

JS AJAX

JS JSON

JS vs jQuery

JS Graphics

Web APIs - Introduction

What is Web API?

Browser APIs

Third Party APIs

Web Development