Custom data attributes (data-*) can be used to store extra information for an HTML element. In Javascript the dataset property of the element can be used to read and write its data attributes.

The Network Information API gives an idea of the underlying network. Getting the network type may help the application in giving a suitable experience to the end user.

In login forms, it is better to inform the user that his CapsLock is currently locked. State of the CapsLock key can be detected with the get​Modifier​State method in keyboard/mouse events.

The navigator.deviceMemory property gives access to the amount of memory available on the current device.

Many times there may be some low-priority Javascript code to be executed in the background. This can be done using the request​Idle​Callback method which can execute code in the idle time of the browser.

In Mathematics, a set is a collection of distinct elements. Javascript brings this concept of a mathematical set through its Set object.

WebVR APIs aims at making VR and AR more accessible. All VR headsets shall be supporting WebVR and the user can view the VR experience in the same webpage which he is browsing.

Sometimes you would like to know whether a given video format can be played back in the given browser or not. This can be done with the can​Play​Type method.

With the new 〈details〉and〈summary〉tags, it is possible to create a FAQ / Q&A section in a webpage with pure HTML and no Javascript.

The WebUSB API allows USB devices and the browser to communicate with each other. With this you can build hardware for the web.

It is a commonly required to scroll to a particular section of a page upon a click. This can be done with the native scrollIntoView() method which also supports smooth scrolling.

Just like jQuery's $.attr() method, there are native browser methods — getAttribute & setAttribute that can get and set attributes of an element.

Libraries such as jQuery makes it easy to serialize form data, but it is equally simple in vanilla Javascript also. This happens with the URLSearchParams and FormData objects.

Automatically playing a video or audio on page load is probably one of the annoying things that a website can do to a user. So to deter websites from autoplaying audio and video, browsers have brought out new policies.

Similar to the jQuery's hasClass method, there exists a native Javascript alternative that tells whether the DOM element contains the specified CSS class or not.

jQuery's addClass & removeClass makes it very simple to add and remove CSS classes. But it is equally straightforward with native Javascript also.

jQuery's append() method can add a DOM element or a HTML string into a given DOM element. But the same can be done with natively available methods also.

The Javascript event loop is the key to understanding terms such as "Asynchronous", "Single-Threaded", "Non-Blocking" etc. This is explained through a video presented at JSConf.

In jQuery adding event handlers to dynamic elements is quite simple. But when you try to do the same thing with vanilla Javascript, it is not very direct.

Although it may rarely happen, but sometimes you may need to access the 〈html〉element with Javascript. This can be done using 3 ways.