Web Development Articles

Page 756 of 801

How to Cast a JSON Object Inside of TypeScript Class?

Mohit Panchasara
Mohit Panchasara
Updated on 31-Aug-2023 1K+ Views

In TypeScript, casting JSON objects inside classes can be a useful technique for mapping JSON data to structured TypeScript objects. By explicitly defining the types, we can ensure type safety and access the properties of the JSON object seamlessly. In this tutorial, we will guide you through the process of casting JSON objects inside TypeScript classes, enabling users to leverage the full power of TypeScript's static typing. Syntax Users can follow the syntax below to create a cast of a JSON object inside a TypeScript class. class MyClass { // Define class properties property1: ...

Read More

How I Got Started with Angular and TypeScript?

Mohit Panchasara
Mohit Panchasara
Updated on 31-Aug-2023 239 Views

I got started with Angular and TypeScript by realizing the importance of building scalable and maintainable web applications. Angular, as a web application framework, provided me with the tools I needed to build complex and dynamic applications with ease. TypeScript, as a statically typed superset of JavaScript, gave me the ability to write cleaner code, catch errors before runtime, and improve the overall scalability of my applications. In this tutorial, I will share my experience and guide you through creating a simple Angular application using TypeScript. We will cover the basics of Angular and TypeScript and provide a step-by-step guide ...

Read More

How to automatically compile your TypeScript files with Visual Studio Code on OS X?

Mohit Panchasara
Mohit Panchasara
Updated on 31-Aug-2023 1K+ Views

TypeScript is a popular programming language that is widely used in the web development industry. It is an open-source, strongly typed, and object-oriented programming language that is a superset of JavaScript. TypeScript is very similar to JavaScript, but it has a few additional features that make it more powerful and efficient. One of the best things about TypeScript is that it can be compiled into JavaScript, which can be run in any browser or on any server. In this article, we will discuss how to automatically compile TypeScript files with Visual Studio Code on OS X. Visual Studio Code is ...

Read More

Difference between “blank” and “_blank” target attributes in HTML

Nikhilesh Aleti
Nikhilesh Aleti
Updated on 29-Aug-2023 779 Views

Sometimes, we may have noticed links on webpages that leads us to a different webpage. In some websites, if we click on that certain links, they will open in a new browser tab or on a new window and some websites reuse one new browser tab for subsequent clicks on the link. Additionally, some websites use the same original page for the links. These behaviors are achieved by utilizing the HTML target attribute. In this article, we will explore how to use the target="blank" and target="_blank" attributes to open hyperlinks in new tabs. The Target Attribute The target is an ...

Read More

Typescript - filter all matching objects in the object and its exactly the same children

Mohit Panchasara
Mohit Panchasara
Updated on 21-Aug-2023 3K+ Views

One common task in software development is filtering objects based on specific criteria. In this tutorial, we will explore how to filter all matching objects in an object and its exactly the same children using Typescript. This technique can be particularly useful when working with complex data structures or when extracting specific information from nested objects. We will utilize TypeScript's powerful features, such as type annotations and object manipulation, to achieve this. Recursive Function with Type Guards for Filtering Matching Objects and Their Children We can use a recursive approach to filter all matching objects in an object and it ...

Read More

Structural typing in Typescript

Mohit Panchasara
Mohit Panchasara
Updated on 21-Aug-2023 912 Views

TypeScript, a superset of JavaScript, introduces static typing to JavaScript, allowing developers to catch potential errors and enhance code quality. One of the key features that set TypeScript apart is its support for structural typing. While other statically typed languages often rely on nominal typing, TypeScript embraces the concept of structural typing, which provides a more flexible and intuitive approach to type checking. In this tutorial, we will explore the concept of structural typing in TypeScript and its benefits and provide relevant examples to illustrate its usage. Understanding Structural Typing Structural typing is a type system that focuses on the ...

Read More

Private, Public & Protected Access Modifiers in TypeScript

Mohit Panchasara
Mohit Panchasara
Updated on 21-Aug-2023 643 Views

Access modifiers are essential because they allow us to enforce encapsulation and define the boundaries of class member accessibility. With access modifiers, we can restrict access to certain members, ensuring they are only accessible within the class itself. We can also make members public, allowing them to be accessed from anywhere in our codebase. Furthermore, protected members enable access within the class and its derived classes. In this tutorial, we will explore the private, public, and protected access modifiers in TypeScript. Syntax Users can follow the syntax below to apply access modifiers to class members in TypeScript − class ClassName ...

Read More

Is it possible to generate TypeScript declaration files from JS library?

Mohit Panchasara
Mohit Panchasara
Updated on 21-Aug-2023 579 Views

If you have ever worked with JavaScript libraries in your TypeScript projects, you may have encountered situations where you needed type information for those libraries. TypeScript declaration files, denoted with the .d.ts extension, provide type information for JavaScript code, enabling better static type checking and editor support in TypeScript projects. In this tutorial, we will explore different scenarios and methods for generating TypeScript declaration files from JavaScript libraries. We'll cover scenarios such as generating declaration files for existing JavaScript libraries, generating declaration files for your own JavaScript code, and leveraging tools like dts-gen and tsc to generate declaration files automatically. ...

Read More

How to use Record type in typescript?

Mohit Panchasara
Mohit Panchasara
Updated on 21-Aug-2023 696 Views

In TypeScript, the Record type is a powerful tool that allows you to define an object type with specific keys and corresponding value types. This tutorial will guide you through the fundamentals of using the Record type, providing syntax explanations and practical examples along the way. Whether you're a beginner or already familiar with TypeScript, this tutorial will help you understand how to leverage the Record type effectively in your projects. Syntax The syntax to create a Record type in TypeScript is straightforward. The type definition starts with the keyword Record, followed by angle brackets () containing the key and ...

Read More

How to Get Window History in TypeScript?

Mohit Panchasara
Mohit Panchasara
Updated on 21-Aug-2023 1K+ Views

The user’s history of visited web pages is represented via the window.history object. A history of the pages that have been loaded is stored in an array called the history object. The history object only provides a finite amount of information. The history object only has a few properties and methods since it is impossible to know where the current URL is located within the history object. The previous URL in the history list is loaded using the history.back() method. The second method of history is the forward() method, which loads the following URL in the history list. It is ...

Read More
Showing 7551–7560 of 8,010 articles
« Prev 1 754 755 756 757 758 801 Next »
Advertisements