y

nl
O
se
U
tre
en
Session 9

C
h
Using Responsive APIs in JavaScript
pt
ec
rA
Fo
Objectives

y
nl
O
se
By the end of this session, students will learn to:

U
Define Responsive API

tre


 Describe how an API works

en
 Explain the uses of APIs in JavaScript

C
 Describe how to use responsive APIs

h
ec
pt
rA
Fo

© Aptech Limited
 Overview of Responsive APIs

y
nl
O
se
U
tre
en
Used to Communicate Available
A set of tools, Help improve

C
import a with other commonly for
routines, and productivity of
complex software many popular

h
protocols developers
functionality easily applications
ec
pt
rA
Fo

© Aptech Limited
APIs in JavaScript

y
nl
O
se
Many APIs available for JavaScript are built on core JavaScript language.

U
tre
• The Geolocation API is one good example of a

en
Browser APIs browser API.

C
h
ec
pt
rA

• A counter used in Websites to count the number of

© Aptech Limited
How Do APIs Work?

y
nl
O
 JavaScript code interacts with APIs using JavaScript objects. Objects that act
as containers for API data and methods are used to implement functionalities.

se
 To create an account and retrieve the API key, follow these steps:

U
tre
en
C
2 4 • Fill up the form

h
• Go to • In the next that appears in

ec
https://cloud. • Click Get window, enter the next window
google.com/m the project • In the next
Started. Select window, click with contact and
aps-platform. all products or name and payment
Create Billing
pt
select only click Next. information.
Account.
Maps and then,
1 3
rA

click Continue. 5
Fo

© Aptech Limited
Using Responsive APIs

y
nl
O
Responsive APIs play an important role in providing an improved user experience
and performance. Few responsive APIs are explained as follows:

se
U
Page Visibility API

tre
en
Online/Offline API

C
h
Device Orientation API

ec
pt
Navigation Timing
rA
Fo

© Aptech Limited
Session Summary

y
nl
O
se
 APIs are used to implement complex functionalities such as importing a map,

U
identifying the orientation of the device used to access the Web page, and so
on.

tre
 APIs are available as built-in functionality in browsers as well as provided by

en
third parties.

C
 Geolocation API provided by Google helps to find location of a device.

h
 Responsive APIs improve performance of Web pages that are particularly
accessed on mobile devices.
ec
pt
 Many responsive APIs are available for JavaScript such as Page Visibility, Page
online/offline, Device orientation, and Navigation Timing.
rA
Fo

© Aptech Limited