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
Web Development Articles
Page 120 of 801
Web Assembly (Wasm) with JavaScript
Have you ever wondered if it's possible to run high-performance applications on the web without sacrificing the portability and security that JavaScript provides? Well, wonder no more! With the introduction of WebAssembly (Wasm), it is now possible to bring native-like performance to web applications while still leveraging the power of JavaScript. In this article, we will explore the basics of WebAssembly and how it can be used alongside JavaScript to unlock a new world of possibilities. What is WebAssembly (Wasm)? WebAssembly, often referred to as Wasm, is a binary instruction format designed specifically for web browsers. It is ...
Read MoreWeb Components: Building Custom Elements with JavaScript
Web components are a powerful tool for building reusable and encapsulated UI elements in web applications. They allow developers to create custom elements with their own markup, style, and behavior, which can be easily reused across different projects and shared with other developers. In this article, we will explore the fundamentals of web components and learn how to build custom elements using JavaScript. What are Web Components? Web components are a set of web platform APIs that allow you to create reusable, encapsulated, and composable UI elements. They consist of three main specifications: Custom Elements, Shadow DOM, and ...
Read MoreHow to display errors without an alert box using JavaScript?
In this article, we will learn how to display errors inline on a page without using alert boxes in JavaScript. We'll explore different DOM methods including innerHTML, textContent, and CSS styling techniques. While alert boxes can be useful for displaying errors to users, they can be disruptive and interrupt the user experience. A more elegant solution is to display errors inline on the page, providing immediate feedback without blocking user interaction. Let's understand how to achieve this with several practical approaches. Using innerHTML Property The innerHTML property allows us to insert HTML content into an element, ...
Read MoreHow to dynamically insert id into a table element using JavaScript?
In this article, we will learn how to dynamically insert IDs into table elements using JavaScript with the help of various DOM manipulation techniques. In web development, dynamically inserting an ID into an HTML table element can be a useful technique when we need to uniquely identify and manipulate specific rows or cells. By assigning IDs to table elements programmatically, we gain more control and flexibility in accessing and modifying the table's content. Let's understand how to implement this with the help of some examples. Method 1: Using the id Property In this example, we generate ...
Read MoreFile Type Validation while Uploading it using JavaScript
File type validation is essential for web applications that handle file uploads. It ensures users only upload acceptable file formats, preventing security issues and maintaining data consistency. JavaScript provides built-in properties to check file types before submission. This validation process helps platforms like job portals, social media sites, and document management systems control what file types users can upload, such as restricting uploads to PDFs for resumes or images for profile pictures. How File Type Validation Works When a user selects a file, the browser exposes file information through the File API. The key property is file.type, ...
Read MoreHow to Highlight the Searched String Result using JavaScript?
Searching for specific content within a large body of text is a common task in web applications. However, simply displaying the search results without any visual indication can make it challenging for users to identify and focus on the relevant information. That's where the need for highlighting the searched string arises. By dynamically highlighting the matching portions of the text, we can improve the user experience and make it easier for users to locate the desired content. In this article, we will explore different methods to highlight the searched string using JavaScript. We'll cover various techniques that range from ...
Read MoreHow to hide the table header using JavaScript?
Tables are a common element in web development, used to organize and present data in a structured format. While table headers provide valuable context and help users understand the content within a table, there are situations where hiding the table header becomes necessary. Whether it's to enhance the visual design, improve user experience, or accommodate specific requirements, knowing how to hide the table header using JavaScript can be a useful skill for web developers. In this article, we will explore different methods to hide the table header using JavaScript. We will cover techniques that leverage CSS, manipulate the Document ...
Read MoreCreate a Hoverable Side Navigation with HTML, CSS and JavaScript
A navigation bar is part of a webpage that contains links to appropriate sections/pages in a website, helping users browse fast and effortlessly. The navigation bar can be implemented in many ways, but the traditional approaches are horizontal and vertical bars. In this article, we'll design a vertical side navigation bar with hoverable buttons using HTML, CSS, and JavaScript. The navigation slides out when hovered and displays content when clicked. Project Structure Overview Our hoverable side navigation consists of three main components: HTML - Structure for navigation links and content sections ...
Read MoreHow to Catch all JavaScript Errors and Send them to the Server?
JavaScript error handling is crucial for maintaining robust web applications. The window.onerror event allows you to catch all JavaScript errors globally and send them to your server for monitoring and debugging purposes. Understanding window.onerror The window.onerror event fires whenever an uncaught JavaScript error occurs in your application. It provides detailed information about the error including location and error details. Syntax window.onerror = (message, source, lineno, colno, error) => { // Handle error }; Parameters message: A string containing the error message that describes ...
Read MoreHow to filter an object depending on the field\'s value in JavaScript?
Filtering objects by field values is a common JavaScript operation used in web applications. This technique allows you to extract specific data from arrays of objects based on certain criteria, such as filtering products by brand or employees by department. Basic Syntax The most efficient way to filter objects is using the filter() method: const filteredArray = array.filter(item => item.fieldName === fieldValue); array − Collection of objects to filter filter() − JavaScript method that creates a new array with elements passing the test item − Current object being processed fieldName − Property name ...
Read More