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
Articles by Shubham Vora
Page 41 of 80
How to Develop Generic Classes
Before developing the actual generic class, let's first learn about the Generic class. A TypeScript class known as generic may deal with numerous types of data. It is a variety of arguments and is displayed using angle brackets (). This represents the kind of data the class will use to achieve this. The type argument can then be used in the class's properties and functions to make the class flexible and reusable with other data types. We will be briefing a little bit. Suppose, in an example, the type parameter is denoted as "T" and the property "value" of the ...
Read MoreHow to solve too many try catch in Typescript?
We can use the try-catch statements to solve errors in TypeScript. Sometimes, we require adding more than one try-catch block in the code to handle multiple errors. When we add multiple try-catch statements in the code, the code becomes unreadable, and it becomes a headache for developers to refactor. In this tutorial, we will learn to convert too many try-catch blocks into a single try-catch block which can manage multiple errors. Syntax Users can follow the syntax below to use the single try-catch block in TypeScript. try { throw new Error("error_message"); // this code ...
Read MoreHow to create asynchronous function in TypeScript?
Asynchronous programming allows us to perform multiple tasks parallelly. We can use the async/await keyword to make the function asynchronous. Before we start, let’s learn the need for asynchronous programming and function. It takes some time to respond when we fetch data from the API. Now, think we need to use the results in our app, which we get from API. The single-threaded programming language like TypeScript and JavaScript never stops the execution of the code. So, It doesn’t wait for the response of the API and starts performing some operation on null values. When we make the function asynchronous, ...
Read MoreFind Hypotenuse of a Number In TypeScript
The longest side of a right-angled triangle and the side that faces away from the right angle is known as the Hypotenuse. The Pythagorean theorem explains that the Hypotenuse's square equals the sum of the squares of the other two sides. We can be used to determine it using this theorem. The formula representation for this theorem is c2 = a2 + b2, where c means the Hypotenuse and a and b are the triangle's two sides. When the lengths of the other two sides of a triangle are known, the Pythagorean theorem quickly determines the value of the Hypotenuse. ...
Read MoreDuck Typing in TypeScript
What is Duck Typing? First, we will know what Duck Typing is. According to programmers, the circumstance where an object's type is decided by its behaviour, like methods and attributes, rather than its class is known as "duck typing". Duck Typing in TypeScript The usage of interfaces in TypeScript makes duck typing possible. Where interface means the set of methods and characteristics an object must have to fall under that type are described. For example, if an interface defines the function, any object with the method called "myFunc()" may be treated as belonging to a specific kind, regardless of ...
Read MoreConditional Properties Using React with TypeScript
In React with TypeScript, you can use conditional rendering to choose what to render based on a condition. This is useful when displaying different content or components based on specific criteria. There are a few different ways to implement conditional rendering in React with TypeScript. One way is to use the conditional operator (also known as the ternary operator). This operator takes a condition and returns one value if the condition is true and another if the condition is false. You can also use the && operator to render a component based on a condition conditionally. This operator evaluates to ...
Read MoreAccess an Element in Type Script
In TypeScript, to access an element, or we can say HTML components, we use the Document Object Model (DOM). The DOM defines an HTML and XML programming interface that visualizes a document's structure as a tree of nodes. A paragraph, a button, a div, a heading, etc., are just a few examples of the document elements each node in the tree represents. The document object in TypeScript serves as the doorway to the DOM. This means we can easily access the elements of the DOM using TypeScript. There are several ways to access elements, those are − Using the ...
Read MoreHow to zoom in and zoom out images using JavaScript?
The zoom-in and zoom out is an important functionality for the image. We can see every single information of the image by zoom-in. Maybe, you can press the ‘ctrl’ and ‘+’ keys together to zoom in to your browser, and you can see everything looks bigger in the browser window. The zoom-in feature is useful for reading small texts on the screen also. So, there can be various use cases of zoom in and zoom out. In this tutorial, we will learn to zoom in and zoom out images using JavaScript. Use the height and width properties to ...
Read MoreHow to validate email address using RegExp in JavaScript?
Anyone can make a mistake while entering the email in the input field. So, it’s the developer's responsibility to check if users have entered a valid email string. Many libraries are available to validate email addresses, which we can use with various JavaScript frameworks, but not with vanilla JavaScript. However, if we want to use any library, we need to use its CDN. Here, we will use the regular expression to validate the email address in vanilla JavaScript. Regex Used in Example 1 We have used the below regular expression pattern in example 1 to validate the email. let ...
Read MoreHow to validate an input is alphanumeric or not using JavaScript?
We have been given the task of validating the input string and need to check whether it is alphanumeric or not using JavaScript. The alphanumeric string contains only numeric and alphabetical characters, including uppercase or lowercase characters, and even it doesn’t contain any special characters or spaces. Below, we will see two approaches to validate an input string. Use the charCodeAt() method We can use the charCodeAT() method to get the ASCII value of any character. Here, we will iterate through every character of the string and check the ASCII value of every character. The ASCII code between 48 ...
Read More