In this article we will be discussing how inheritance works in JavaScript and how you can make use of this OOPS characteristic inside the constructor function in JavaScript. We will also be touching a little upon the prototype object in JavaScript. Therefore, some prior knowledge on the same is highly appreciated. In JavaScript, inheritance is a mechanism by which an object can inherit properties and methods from another object. This can be achieved using constructor functions and the prototype property. When creating a constructor function, you can use the prototype property to add properties and methods to the constructor ... Read More

React Native's Fabric architecture is a performance-focused update to the traditional React architecture. It uses asynchronous rendering and a new reconciliation algorithm to improve app performance and reduce the time it takes to update the UI. Fabric also allows for more efficient use of memory and better handling of complex animations and interactions. The Problem In the current architecture, all the UI operations are handled by a sequence of cross-bridge steps. There are four core sections in the current architecture − The React code written by the developer (which is very similar to its web counterpart), The JavaScript that ... Read More

Blob stands for Binary Large Object and they are used to store binary data like images, audio or other multimedia objects, and sometimes binary executable code is also stored as a blob. We can use JavaScript to upload blob like any other data file. JavaScript can upload a Blob using the XMLHttpRequest or fetch API. 1. Using XMLHTTPRequest XMLHttpRequest (XHR) is an API in the form of an object whose methods transfer data between a web browser and a web server. The JavaScript environment of the browser provides the object. It is usually used to send and receive data ... Read More

HTML frames gives a convenient way to divide a browser window into multiple sections. Where each section can load a separate HTML document. We can use JavaScript to load the content into a particular frame using the frames property of the window object. The frames property is an array-like object containing all the frames (including iframes) on the current page. There are many ways in which we can use window.frames[] property to load the content of a document into the frame. Let’s look them one by one − 1. Using Index To target a specific frame, you can use the ... Read More

When designing a website, typography plays a crucial role in creating an aesthetically pleasing and easy-to-read layout. However, different browsers and operating systems may not support the same font files. To ensure that your website is displayed correctly across all devices, it is important to include multiple font files for the same font. In this article, we will go over two approaches for adding multiple font files for the same font using CSS. Approaches We will be discussing three approaches by which we can add multiple font files for the same font using CSS. They are as follows − ... Read More

Introduction When building web pages using Bootstrap, it may be useful to add an image before the label of an optgroup element. This can help to visually group options within a select element and make the page more user-friendly. In this article, we will discuss adding an image before the label of an optgroup element using Bootstrap. What is an optgroup? An optgroup is an HTML element that groups related options within a select element. The optgroup element creates a label for the group of options, and the options within the optgroup are indented and visually grouped together. Syntax ... Read More

Introduction In this article, we will show you how to add icons to your buttons in HTML. Icons are a great way to add visual appeal and enhance the usability of your buttons. They can be used to indicate the type of action a button will perform or make it easier for users to understand the function of a button. Approaches There are several ways to add icons to buttons in HTML, and in this article, we will cover two of the most popular methods − Using font libraries Using image files. Approach 1: Using Font Libraries One ... Read More

In this article, we will show you how to add a horizontal line to your webpage using HTML. A horizontal line, also known as a horizontal rule, is a way to separate content on a webpage and can be used for visual appeal or to indicate a change in content. There are multiple ways to add a horizontal line to your webpage in HTML, but the most common approach is by using the tag. The tag is a self-closing tag that creates a horizontal line on the webpage. This approach is simple and straightforward, and it requires ... Read More

Introduction In this article, we will show you how to add gradients to your project using CSS. Gradients are a great way to add visual interest to your website or application. They are a smooth transition between two or more colors and can be used to create a sense of depth or movement. They can also be used to create a subtle texture or pattern on your webpage. Approaches The following are the two approaches that we are going to follow in this article to add gradients to our project using CSS − Using the linear-gradient function Using ... Read More

Introduction In this article, we will show you how to add a Google map to your webpage without using an API key. Google Maps is a web mapping service developed by Google that provides a wide range of features, such as street maps, satellite imagery, street views, and more. An API key is a unique code that is required to access the Google Maps API, but there are alternative methods to add a Google map to your webpage without using an API key. Approaches The approaches that we will be using to add a Google map inside HTML page ... Read More