In order to work with the Excel.js, you need to first install the package as a dependency in your project. To install Excel.js in your project, you need to run the following command − npm install exceljs Once you run the above command, Excel.js will be installed as a dependency in your project. In all the examples used in this tutorial, we will work with "xlsx" files that are open XML spreadsheet files used in Microsoft Excel. Working on ExcelJS Cells In the example shown below, we are working with Excel sheet cells. To get a reference of a ... Read More

Web scraping is one of the best ways in which one can automate the process of data collection from the web. Normally we refer to a web scraper as a "crawler" who simply surfs the web and then gives us the scraped data from the pages that we selected. There are many reasons for automating the data scraping process as it is much easier than the process of manually extracting the data from different web pages. Scraping is also a very good solution when the web page that we want to extract the data from doesn't provide us with any ... Read More

In this tutorial, we will understand how to use rollup.js to bundle JavaScript files. Before we do that, the first step is to get familiar with the JavaScript module bundler called Rollup, which compiles the files of multiple sources into a single bundle. Rollup is similar to webpack and Browserify. It is more popular than many of the other bundlers out there because of its ability to keep the files small even after bundling them into a single unit. There are multiple features that Rollup brings to the table, some of them are mentioned below − Development is ... Read More

Fastify is a framework that is mainly designed to do backend development in JavaScript. It is one of the lightest backend framework that one can work with, and it is one of the main reasons why it is preferred if you want to avoid the heavier node frameworks like Express and Hapi. Since its inception, multiple versions of Fastify have been released. In the latest version, we get the capability to even verify the incoming and outgoing requests as well as the request parameters. It might not come as a surprise that the people who developed Fastify claim that it ... Read More

In HTML, we have division element that can be used to create a column partition section on the webpage. To fill the text inside the div box it has used the paragraph element. Then styling the properties of HTML elements by using internal CSS. This type of example is used to display the differentiation question and when it has been designed through code for a better look. Syntax The following syntax is used in the example − The div element specifies a division or section in the HTML page. …..write some text…. The p element defines the ... Read More

In the Frameset attribute of HTML, we can define the rows’ and columns' dimensions in percentage as well as in pixels. The collection of different frames is known as a frameset. To make a particular section of the frame it has to use the frame element. Each frame defines some uniqueness on it without disturbing any other frame. In this article, we are going to get a walkthrough of the process of dividing an HTML page into four Parts using this frameset. Syntax The following syntax is used in the examples − A frameset is an HTML element ... Read More

In CSS, the @keyframes rule specifies a sequence of styles that an element should go through during the animation. Here in this article, we will learn how to create dynamic animations using these sequences in ‘@-keyframe’ rule. The ability to animate components on a web page in response to user interaction or changes is referred to as dynamic animation in CSS. Text, graphics, and buttons are examples of components that may be utilised to create visually attractive and engaging user experiences. These styles are then applied to the element via the animation property, which sets the animation's duration, timing function, ... Read More

HTML5 has a division element to create the box to draw with the mouse. Developers can create dynamic, interactive graphics for the web using the strong and adaptable HTML5 canvas technology. Drawing on canvas can be performed with a variety of tools and methods. The users can create free-form shapes and lines by dragging their cursor across the canvas when drawing with a mouse, i.e. a common technique. Simple sketches of all diagrams and illustrations will be produced using this method. Properties Used The following properties are used in the example − width − Define the width of the ... Read More

HTML has division and button elements that can be used to draw Dynamic Animation. The ability to generate interactive and visually graphics using web technologies is referred to as dynamic animation in HTML5. HTML5 includes a number of complex tools that enable developers to build dynamic and responsive animations by combining HTML, CSS, and JavaScript. Animations extend from simple state transitions through complex interactive models and games. One of the primary advantages of implementing HTML5 for animation is that it is platform-independent and can run on a wide range of platforms, including desktop and mobile devices. HTML5 thus provides a strong tool ... Read More

HTML has an audio element that can be used to embed audio element in a HTML document. By including an audio track or sound effect on a webpage, the user experience can be improved by including audio elements in HTML documents. Simply include the element in our HTML code specifies the audio file source using the "src" attribute to embed an audio file. Additional attributes can also be added, such as "controls" to enable audio playback controls, and "autoplay" to initiate playback automatically. We can easily add audio to your HTML webpage using these direct steps to increase audience ... Read More