Found 8894 Articles for Front End Technology

How do I shift from jQuery to core JavaScript?

Manisha Patil
Updated on 09-Dec-2022 12:12:21

116 Views

An object-oriented programming language called JavaScript was created to make developing websites more appealing and simple. The majority of the time, JavaScript is used to build dynamic, responsive elements for websites, improving customer experience. The most widely used lightweight, compiled, and interpreted programming language is JavaScript. It is additionally known as web page scripting language. It can be applied to both client-side and server-side programming. The interactions between an HTML/CSS document, or more properly the Document Object Model (DOM), and JavaScript are made simpler by the open-source JavaScript library known as jQuery. By defining the keywords, it makes navigating and ... Read More

How can JavaScript code be hidden from old browsers that do not support JavaScript?

Manisha Patil
Updated on 09-Dec-2022 12:07:20

469 Views

The JavaScript script tag is occasionally not understood by older browsers. If not, they will simply disregard it and display your script as though it were a section of the (X)HTML document's body. It's a smart option to use comments to hide scripts from outdated browsers to prevent it from happening. JavaScript is now supported by all modern browsers; however, earlier browsers did not. In this article, we'll learn how to prevent JavaScript code from executing in older browsers. As some of your viewers will be seeing the site on a phone while others are using a large desktop screen, ... Read More

Explain Asynchronous vs Deferred JavaScript

Manisha Patil
Updated on 09-Dec-2022 12:03:34

263 Views

In most cases, whenever we use a script tag to load any JavaScript code, the browser pauses HTML processing when it comes across the script tag and begins downloading the JavaScript file first. Until the browser has finished downloading and running the script, the HTML elements script tag will not be activated. The browser waits for the script to download, execute, and then process before processing the rest of the page. The script has a potential to be bigger in newer browsers than the HTML file, which increases the downloading size and processing time. By limiting the user's ability to ... Read More

Difference between document load and DOMContentLoaded events in JavaScript

Manisha Patil
Updated on 09-Dec-2022 11:56:11

3K+ Views

To verify whether a webpage has fully loaded, use the DOMContentLoaded and load events. However, there are some elements that influence people's choice for one over the other. Let's have a look at both of them and see how they function. The basic HTML page is loaded and its parsing is completed when the DOMContentLoaded event is fired. Stylesheets, sub-frames, and other add-ons like photos and pictures are not delayed by this event until they have finished loading. When a page has loaded completely, a different event called load should be invoked. When DOMContentLoaded is more appropriate, it is a ... Read More

Design Smiley Face Eyes that follow Mouse Cursor using CSS and JS

Manisha Patil
Updated on 09-Dec-2022 11:47:30

796 Views

A face that is animated using JavaScript, HTML, and CSS. The face will move in the same direction as the cursor. This is one of the basic CSS and JavaScript effects. It is among the best examples for learning the idea of pseudo-elements for a newcomer. When it comes to arranging and structuring website pages, CSS is far more useful and essential. A website page can now have more capabilities and collaborations because of JavaScript's continued development. CSS is supported by every software, however JavaScript is only supported by functional programmes. You can use JavaScript to create responses for particular ... Read More

Build a Site Bookmark App with JavaScript by using Local Storage

Manisha Patil
Updated on 09-Dec-2022 11:41:27

1K+ Views

In this tutorial, we'll use JavaScript, CSS, and HTML to build a Site Bookmark app. Through the use of our browser's local storage, we will be able to store links to our favourite websites without having to use any databases. We can store data client-side thanks to Local Storage, also referred to as the web storage API. Strings are used to represent the data in local storage, which is persistent even when the session is closed. Data can only be deleted manually by the user. Since all of the data is stored on the client side, there is a clear ... Read More

How do I pass an event handler to a component in ReactJS?

Aman Kumar
Updated on 08-Dec-2022 06:15:01

1K+ Views

Reactjs is an open source javascript library, used in web development to build interactive pages in websites. Reactjs provides user friendly, declarative, and precise. Components Components are individualistic and reusable bits of code in react js. It helps to create separate files for our class and function. In general components are two types− class components and function components. Event Handlers Event handlers define what action to be performed when an event is fired or triggered. Events in react preceded with “on” for example onClick, and onFocus. Event handler in react is just like DOM in HTML, react has also same handler ... Read More

What you need to know about React Server Component?

Payal Mittal
Updated on 07-Dec-2022 11:56:59

772 Views

Developers frequently have to choose between performance and SEO while creating conventional client-side-only React apps. Server components give developers the ability to utilize the server infrastructure more effectively and, thus, by default, attain excellent performance. By combining the most beneficial aspects of client-side interaction and server-side rendering, React Server Components enable programmers to create apps that are easy to create and maintain, and they can be shared across different projects. In this article, we'll take a look at what React Server Components are and how they can be used to create isomorphic applications. What Are React Server ... Read More

What is REST API in React.js?

Payal Mittal
Updated on 07-Dec-2022 11:54:54

12K+ Views

React.js is not just about client-side rendering. It also offers REST APIs for server-side rendering and use cases like web crawlers, offline data storage, etc. REST is a type of API that provides a way for web and mobile applications to communicate with each other. It is an out-of-the-box service that can be used in any web application built on React.js. It is also a top choice for developers looking to make their React application scalable as it provides high availability, low latency, and consumes less bandwidth over the network. The goal of this article is to provide a brief ... Read More

What’s new in React Query 3?

Payal Mittal
Updated on 07-Dec-2022 11:49:31

238 Views

React Query 3 is a new library by the React team. It's a query language that helps developers to declaratively specify the data requirements of their React application. It’s the third iteration of React Query, which was originally developed by Facebook. It’s now maintained by the community and its contributors. It allows you to query and mutate data in a declarative way. It includes features like automatic caching and stale data handling, which can help take your React apps to the next level. If you're looking for a fast, lightweight, and easy-to-use library, React Query is definitely worth considering. ... Read More

Advertisements