Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Front End Technology Articles
Page 140 of 652
How to create a reporting app with Vue 3 and Composition API?
Vue is a JavaScript framework that allows developers to create web applications. It is mainly used to build single-page web applications. There are lots of benefits to using the vue to create web applications, such as easy structure, lightweight, component-based architecture, etc. Before we start with the tutorial, let’s learn about the reporting app and composition API. The reporting app is a single or multiple-page web application that displays useful data in a proper format, such as table format. It is used to show the reports of the data in a particular format. The composition API allows developers to code ...
Read MoreHow to control fps with requestAnimationFrame?
The fps word is generally associated with videos and games where we require to use animations. The fps is an abbreviation of frames per second, and it means how many times it’s rerendering the current screen. For example, a video is a continuous row of images. It means it shows images in very short intervals so that users can’t know it's showing images individually. If we decrease the fps for video, it can look like image animation rather than video. So, with more fps as it gives better results. Basically, fps tells us how many times it should update the ...
Read MoreHow to Configure Socket.IO with Demo-Chat App in Node.js?
Socket.io is a popular JavaScript library that allows us to communicate between the server and the client. We can create an instance of socket.io on the client and server sides and listen to or emit the events from both sides. Also, we can listen to the event emitted from the server on multiple web clients. In real-time, we can use the socket.io library to create chat applications and online games requiring bi-direction communication. For example, if you have observed while playing chess or Ludo, it allows us to talk with our opponent. In this tutorial, we will learn to configure ...
Read MoreHow to Configure Mouse Wheel Speed Across Browsers using JavaScript?
We can use JavaScript to change the behavior of the web page. Every browser has a default scrolling speed when users scroll using the mouse wheel. However, we can control it using JavaScript. We can also use the mouse wheel to zoom in and out of web pages. In such cases, we require to reduce the mouse wheel speed. Furthermore, developers sometimes require a scrolling speed limit, such as on website rules, so that users can read it properly. In this tutorial, we will learn different ways to control the mouse's wheel speed. Syntax Users can follow the syntax below ...
Read MoreHow to use .on and .hover in jQuery?
jQuery- a popular JavaScript library used in simplifying web development tasks. It gives an easy-to-use syntax that simplifies coding and improves performance. Among the many features that jQuery provides, two of the most commonly used are .on() and .hover(). These methods allow to bind events to DOM elements and executing code when the events are triggered. In this article, we will learn how to use .on() and .hover() in jQuery. We will see the different approaches to using the .on() and .hover() methods. The .on() Method The .on() method in jQuery is used in binding one or more events to ...
Read MoreHow to upload files using jQuery Dropzone Plugin?
Uploading files on a website can be a challenging task, especially when you have to handle different types of files, such as images, videos, and documents. Fortunately, jQuery Dropzone Plugin makes it easy to handle file uploads with just a few lines of code. There are many more plugins available for uploading the files like Fine-Uploader, JQuery File upload, Uploadify, etc. In this article, we will learn how to upload files using the jQuery Dropzone plugin. We will go through the complete process of using the jQuery Dropzone Plugin to upload files on the website. What is jQuery Dropzone Plugin? ...
Read MoreHow to underline all words of a text using jQuery?
Underlining text is a common requirement in web development, and it can be done easily with the help of jQuery. In this article, we will see how to underline all words of a text using jQuery and learn the different methods to perform this. Before we dive into the different methods, let's first understand the basic concept of jQuery. jQuery is a fast and concise JavaScript library that simplifies HTML document traversing, event handling, and animation. It is designed to make things easier for web developers, and it does so by providing a simple syntax that is easy to read ...
Read MoreHow to translate an image or icon by hovering over it?
In web development, interactivity is key to providing a memorable user experience. One common technique used to add interactivity is hovering over images or icons to reveal more information or change the appearance. Translating an image or icon by hovering over it is a great way to add some movement and interest to your website. In this article, we will learn how to translate an image or icon on hover. To perform this task, we will learn different approaches using only HTML and CSS. Different Methods to Translate an Image or Icon on Hover Method 1: CSS Transitions The first ...
Read MoreHow to transform child elements preserve the 3D transformations?
Being a web developer, it's important to have a solid understanding of 3D transformations and how to apply them to child elements. Transforming child elements can be a bit tricky, as we'll need to make sure that the transformations of the parent element are preserved. CSS 3D transforms create depth and visually interesting elements on the web page using perspective. In this article, we will learn how to transform child elements and preserve 3D transformations. We will learn different methods to transform the child elements in HTML. Different Methods to Transform Child Elements Preserve the 3D Transformations To transform the ...
Read MoreJavaScript Program To Add Two Numbers Represented By Linked Lists- Set 1
Adding two numbers is an easy task but could be tricky if the numbers are given in the form of the linked list. Each node of the linked list contains the digit of the number it represents in a continuous manner from the first node to the last node. We will be given two linked lists representing two different numbers and we have to add them and return the third number in the form of a linked list. Input 1 -> 2 -> 3 -> null 3 -> 2 -> 4 -> null Output 4 -> 4 -> 7 ...
Read More