Browser APIs

The features provided by the browser.

Percents
Count
Service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available). They are intended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server. They will also allow access to push notifications and background sync APIs.

2019

2020

Have used it
Know about it
Never heard of it

Local Storage
Completion percentage: 91.8% (21813)
Completion percentage: 91.8% (21813)

Percents
Count
The read-only localStorage property allows you to access a Storage object for the Document's origin; the stored data is saved across browser sessions.

2019

2020

Have used it
Know about it
Never heard of it

Intl
Completion percentage: 91.8% (21825)
Completion percentage: 91.8% (21825)

Percents
Count
The Intl object is the namespace for the ECMAScript Internationalization API, which provides language sensitive string comparison, number formatting, and date and time formatting. The Intl object provides access to several constructors as well as functionality common to the internationalization constructors and other language sensitive functions.

2020

Have used it
Know about it
Never heard of it

Web Audio
Completion percentage: 92.1% (21892)
Completion percentage: 92.1% (21892)

Percents
Count
The Web Audio API provides a powerful and versatile system for controlling audio on the Web, allowing developers to choose audio sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning) and much more.

2019

2020

Have used it
Know about it
Never heard of it

WebGL
Completion percentage: 92.2% (21913)
Completion percentage: 92.2% (21913)

Percents
Count
WebGL enables web content to use an API based on OpenGL ES 2.0 to perform 2D and 3D rendering in an HTML canvas in browsers that support it without the use of plug-ins.

2019

2020

Have used it
Know about it
Never heard of it

Web Animations
Completion percentage: 92.2% (21912)
Completion percentage: 92.2% (21912)

Percents
Count
The Web Animations API lets us construct animations and control their playback with JavaScript. This article will start you off in the right direction with fun demos and tutorials featuring Alice in Wonderland.

2019

2020

Have used it
Know about it
Never heard of it

WebRTC
Completion percentage: 92.1% (21880)
Completion percentage: 92.1% (21880)

Percents
Count
WebRTC (Web Real-Time Communication) is a technology which enables Web applications and sites to capture and optionally stream audio and/or video media, as well as to exchange arbitrary data between browsers without requiring an intermediary.

2019

2020

Have used it
Know about it
Never heard of it
We asked members of the JavaScript community to share their “pick of the year”

My 2020 Pick: Svelte

Svelte is the Space Elevator of frontend frameworks. It helps you ship apps extremely fast.

We asked members of the JavaScript community to share their “pick of the year”

Shawn Wang

Infinite Builder

Web Speech API
Completion percentage: 92.1% (21883)
Completion percentage: 92.1% (21883)

Percents
Count
The Web Speech API enables you to incorporate voice data into web apps. The Web Speech API has two parts: SpeechSynthesis (Text-to-Speech), and SpeechRecognition (Asynchronous Speech Recognition.)

2019

2020

Have used it
Know about it
Never heard of it

WebVR
Completion percentage: 92.1% (21893)
Completion percentage: 92.1% (21893)

Percents
Count
WebVR provides support for exposing virtual reality devices — for example, head-mounted displays like the Oculus Rift or HTC Vive — to web apps, enabling developers to translate position and movement information from the display into movement around a 3D scene. This has numerous, interesting applications, from virtual product tours and interactive training apps to immersive first-person games.

2019

2020

Have used it
Know about it
Never heard of it

WebSocket
Completion percentage: 92.3% (21929)
Completion percentage: 92.3% (21929)

Percents
Count
The WebSocket API is an advanced technology that makes it possible to open a two-way interactive communication session between the user's browser and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply.

2019

2020

Have used it
Know about it
Never heard of it

Fetch
Completion percentage: 92.4% (21957)
Completion percentage: 92.4% (21957)

Percents
Count
The Fetch API provides a JavaScript interface for accessing and manipulating parts of the HTTP pipeline, such as requests and responses. It also provides a global fetch() method that provides an easy, logical way to fetch resources asynchronously across the network.

2019

2020

Have used it
Know about it
Never heard of it
Percents
Count
Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.

2020

Have used it
Know about it
Never heard of it

Shadow DOM
Completion percentage: 92.6% (22000)
Completion percentage: 92.6% (22000)

Percents
Count
Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.

2020

Have used it
Know about it
Never heard of it

Recommended Resources

Creative Coding with Canvas & WebGL

Learn to use Canvas and WebGL with ThreeJS in this JavaScript course on Creative Coding!
Thanks to our partners for supporting us! Learn more.