Browser APIs
The features provided by the browser.
Service WorkersCompletion percentage: 91.3% (21703)Completion percentage: 91.3% (21703)
Completion percentage: 91.3% (21703)
Completion percentage: 91.3% (21703)
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 StorageCompletion percentage: 91.8% (21813)Completion percentage: 91.8% (21813)
Completion percentage: 91.8% (21813)
Completion percentage: 91.8% (21813)
The localStorage read-only property of the window interface 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 |
IntlCompletion percentage: 91.8% (21825)Completion percentage: 91.8% (21825)
Completion percentage: 91.8% (21825)
Completion percentage: 91.8% (21825)
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 AudioCompletion percentage: 92.1% (21892)Completion percentage: 92.1% (21892)
Completion percentage: 92.1% (21892)
Completion percentage: 92.1% (21892)
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 |
WebGLCompletion percentage: 92.2% (21913)Completion percentage: 92.2% (21913)
Completion percentage: 92.2% (21913)
Completion percentage: 92.2% (21913)
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 AnimationsCompletion percentage: 92.2% (21912)Completion percentage: 92.2% (21912)
Completion percentage: 92.2% (21912)
Completion percentage: 92.2% (21912)
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 |
WebRTCCompletion percentage: 92.1% (21880)Completion percentage: 92.1% (21880)
Completion percentage: 92.1% (21880)
Completion percentage: 92.1% (21880)
WebRTC (Web Real-Time Communication) is a technology that 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. The set of standards that comprise WebRTC makes it possible to share data and perform teleconferencing peer-to-peer, without requiring that the user install plug-ins or any other third-party software.
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 APICompletion percentage: 92.1% (21883)Completion percentage: 92.1% (21883)
Completion percentage: 92.1% (21883)
Completion percentage: 92.1% (21883)
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 |
WebVRCompletion percentage: 92.1% (21893)Completion percentage: 92.1% (21893)
Completion percentage: 92.1% (21893)
Completion percentage: 92.1% (21893)
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 |
WebSocketCompletion percentage: 92.3% (21929)Completion percentage: 92.3% (21929)
Completion percentage: 92.3% (21929)
Completion percentage: 92.3% (21929)
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 |
FetchCompletion percentage: 92.4% (21957)Completion percentage: 92.4% (21957)
Completion percentage: 92.4% (21957)
Completion percentage: 92.4% (21957)
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 |
Custom ElementsCompletion percentage: 92.4% (21952)Completion percentage: 92.4% (21952)
Completion percentage: 92.4% (21952)
Completion percentage: 92.4% (21952)
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 DOMCompletion percentage: 92.6% (22000)Completion percentage: 92.6% (22000)
Completion percentage: 92.6% (22000)
Completion percentage: 92.6% (22000)
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
Matt DesLauriers
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.