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
-
Economics & Finance
Front End Technology Articles
Page 595 of 652
Difference between WebGL and OpenGL
WebGL and OpenGL are graphics libraries which were developed by the Khronos Group. WebGL was developed in 2011 while OpenGL was launched in 1992. Users can use WebGL and OpenGL to make different types of images which can be either 2D or 3D. In this article, we will discuss the difference between WebGL and OpenGL. What is WebGL? WebGL is a JavaScript API which can be used for making 2D and 3D graphics. It can be expanded to Web Graphics Library. No plugins are required in any browser to make images by using WebGL. Fragment shaders and vertex shaders are ...
Read MoreHow to send state/props to another component in React with onClick?
In this article we will learn about sending state/props from one component to another component in React.️ Before moving on, let's see what state and props are in React. We use props and state for dynamic content which get changed from time to time. Props: Props are short form of Properties. These are read-only, meaning they can't be changed, and we pass props from the parent component to the child component. means the child component which has props received from the parent component can't be modified. State: State is used ...
Read MoreHow to connect Node with React?
Node.js and ReactJS each tech stack are popularly utilized in modern-day full-stack web programs. ReactJS is used for the front stop and Node.js is used for the again quit. ReactJS is a famous JavaScript library for building user interfaces (UIs). React main objective to simplify the intricate method of building interactive consumer interfaces. Node.js is an open-supply, cross-platform JavaScript runtime environment. It is ideal for handling fast and scalable servers that can handle simultaneous connections with high throughput. Connect Backend to Frontend Before connecting the backend and frontend ...
Read MoreHow to apply multiple CSS properties using jQuery?
Apply multiple CSS properties using jQuery CSS( {key1:val1, key2:val2....}) method. We can apply as many properties as we like in a single call. Syntax In the below mentioned way we can use the CSS. Here you can pass key as property and val as its value of that property. selector.css( {key1:val1, key2:val2....keyN:valN}) Define Multiple CSS Attributes in jQuery As we mentioned earlier that we will be using jQuery css() method to apply multpile CSS properties on any element. First we will use '$(selector)' to select the element where we wants to apply ...
Read MoreCreate a paragraph element with some text and append it to end of document body using jQuery
In this article, the task is to create a paragraph element with some text and append it to end of document body using jQuery. Using jQuery, it is easy to add new elements/content in a particular position inside an HTML document. We have four methods that are used to add new content: append() − This method adds the content at the end of selected elements. prepend() − This method adds the content at the beginning of selected elements. after() − This method adds the content after the selected elements. before() − This method adds the content before the selected ...
Read MoreThe most important APIs in HTML5?
API is also known as "Application Programming Interface." It is a collection of definitions, tools, and protocols that enables interaction and communication across various software programs. Developers can engage with a service, library, or platform without having to understand all the techniques of how it operates since APIs define the methods and data structures they can utilize. APIs are essential for the development of software because they let programmers use the features and services offered by other software components to create more complex applications. They advance modularity and collaboration amongst various software systems. Let’s dive into the article to learn ...
Read MoreDifference between hover() and mouseover() methods in jQuery
The JavaScript library "jQuery" is regarded as the most effective lightweight JavaScript library. Based on the built-in methods, it encapsulates several lines of JavaScript code to carry out a given functionality. A single line of code can easily be used to call these methods. While doing the necessary operation, it shortens the code. Users can use a single line of code to invoke the "hover()" and "mouseover()" jQuery methods when their relevant events occur to carry out the task. Let’s dive into the article to learn more about the difference between hover() and mouseover() methods in jQuery. Before learning about ...
Read MoreExplain the concept of fade effect in jQuery?
The jQuery fade effect combines the ability to display and hide certain items while also including a transition animation. You can observe that the elements gradually fade in and out rather than appearing and disappearing right away. An effect like this could make the website look more spectacular and be more pleasant. There are different methods used for the creation of fading effects in jQuery like .fadeIn(), .fadeOut() , .fadeToggle() and .fadeTo() . Let’s look into them one by one. jQuery fadeIn() method The opacity of the matching items is animated using the .fadeIn() method. It is the same as ...
Read MoreFlipping Window Effect
The "flipping window" effect, also called the "window rotation" effect, is a visual occurrence that takes place when an object or scene is seen via a number of spinning windows or panels. To give viewers an immersive and engaging experience, the flipping window effect is frequently employed in interactive displays, digital animations, and art installations. Let’s dive into the article to draw a flipping window effect. It can be done by using CSS @keyframes. Let’s have a quick look at it before we jump into the article. CSS @keyframes Keyframes are used for animation in CSS. It provides you more ...
Read MoreHow slideDown() function works in jQuery event handler?
The JavaScript library "jQuery" is regarded as the most effective lightweight JavaScript library. Based on the built-in methods, it encapsulates several lines of JavaScript code to carry out a given functionality. A single line of code can easily be used to call these methods. While doing the necessary operation, it shortens the code. The sliding effect is one of the more useful animation-designing methods among the many Effect-creating techniques that are available with jQuery. Let’s dive into the article to learn about the slideDown()function in jQuery. slideDown() in jQuery A sliding effect can be produced with the slideDown() method ...
Read More