Found 8895 Articles for Front End Technology

How to autoplay audio on chrome?

Aayush Mohan Sinha
Updated on 13-Jul-2023 17:21:26

7K+ Views

As the utilization of the internet progresses, the aptitude to initiate auto-execution of audio on web browsers has become a progressively crucial attribute for web designers. Nevertheless, auto-playing of audio on Chrome, which is one of the extensively utilized web browsers, can be a daunting undertaking for those lacking the necessary technical proficiency. However, equipped with the appropriate tools and understanding of the fundamental technologies, the process of executing autoplay of audio on Chrome can be accomplished with reasonable simplicity. In this write-up, we shall delve into the systematic approach of autoplaying audio on Chrome, encompassing the pertinent HTML, JavaScript, ... Read More

JavaScript Program to Find Longest Common Prefix Using Word by Word Matching

Prabhdeep Singh
Updated on 12-Jul-2023 10:08:00

214 Views

Prefixes are the substrings that start from the zeroth index of the given string and can be of any size from 1 to the complete length of the string. We are given a set of strings and we have to find the common prefix among all of them in the JavaScript programming language. We have to implement the word-by-word matching approach in which we will match the words instead of the complete strings. Input arr = ["zefkefgh", "zefkdefij", "zeffdzy", "zefkdabacd"]; Output zef Explanation From all the given strings, we have the first three characters, the same and the remaining ... Read More

JavaScript Program To Write Your Own atoi()

Prabhdeep Singh
Updated on 11-Jul-2023 11:42:17

134 Views

In C programming language we have a function that takes a single string or character array as the parameter and returns an integer that may be represented by the given string, if the current string is invalid then it reads only up to the first valid index and will return that value. We will see the complete code with the explanation. Sample Examples Input 1 string S = "-9845" Output 1 -9845 Explanation We are given a string that represents a number so we have just got the same output. Input 2: string str = "90 uy78" Output 2 ... Read More

How To Deploy ONLYOFFICE Docs On Angular?

Satish Kumar
Updated on 10-Jul-2023 18:32:04

185 Views

Introduction ONLYOFFICE Docs is a powerful self-hosted online office suite that allows users to edit and collaborate on documents. It offers advanced features such as document co-authoring, real-time editing, revision history, and third-party integrations. ONLYOFFICE is an open-source platform that works with different languages and frameworks. Angular, on the other hand, is a popular front-end framework for building web applications. It was developed by Google and provides robust support for building dynamic and scalable applications. With Angular, you can create complex web applications with minimal code. Prerequisites Required Software and Tools First, you will need to have Node.js installed. ... Read More

How to make div with left aligned text and right aligned icon using CSS ?

Saba Hilal
Updated on 10-Jul-2023 18:02:57

2K+ Views

The tag is used to specify a division. It means a container or a section in an HTML page. Sometimes, inside a div container, text and icons are both needed. And sometimes, the need is to align the text on the left while putting the icon on the right in the same line. The CSS or Cascading Style Sheets means style specifications that are used for formatting an HTML document. It is used to give the style to the web page and its elements. In this HTML-CSS article, using three different examples, the ways to show how to ... Read More

Working with Excel Files using Excel.js

Mukul Latiyan
Updated on 22-Jun-2023 17:26:03

3K+ Views

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

How to Scrape a Website using Puppeteer.js?

Mukul Latiyan
Updated on 22-Jun-2023 13:32:43

240 Views

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

How to Bundle up JavaScript Files using Rollup.js?

Mukul Latiyan
Updated on 22-Jun-2023 13:27:54

419 Views

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

How to Build a REST API with Fastify?

Mukul Latiyan
Updated on 22-Jun-2023 13:21:46

1K+ Views

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

How to divide text into two column layout using HTML and CSS?

Tapas Kumar Ghosh
Updated on 08-Jun-2023 13:57:51

4K+ Views

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

Advertisements