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 609 of 652
How is TypeScript an optionally statically typed language?
TypeScript is an open-source programming language developed and maintained by Microsoft. It is a superset of JavaScript, which means that all valid JavaScript code is also valid TypeScript code. TypeScript adds optional static typing, classes, interfaces, and other features to JavaScript to improve code quality, maintainability, and scalability. In this article, we'll explore how TypeScript is an optionally statically typed language, what that means for developers, and how it can benefit them in their projects. What is Optional Static Typing? Static typing is a programming language feature that allows developers to define data types for variables, function parameters, and function ...
Read MoreHow to create your own TypeScript type definition files (.d.ts)?
TypeScript, a superset of JavaScript, offers static typing capabilities that enhance code quality and catch errors during compilation. To fully leverage TypeScript's static typing features, it's crucial to have type definition files (.d.ts) for external JavaScript libraries and modules used in projects. These type definition files describe the types and interfaces exposed by the external entities, enabling the TypeScript compiler to understand their shape and behaviour. In this article, we'll explore the step-by-step process of creating custom TypeScript type definition files, empowering developers to benefit from static typing in their projects. Prerequisites Type definition files (.d.ts) serve as an interface ...
Read MoreHow internal is different from external modules?
TypeScript, an extension of JavaScript, introduces modules as a means to structure and organize code effectively. Modules play a vital role in developing scalable and maintainable applications by enabling code encapsulation and reusability. TypeScript supports two types of modules: internal (namespaces) and external (ES modules). In this article, we will delve into the differences between internal and external modules in TypeScript, exploring their characteristics and impact on code organization and sharing within a project. Internal Modules Internal modules, also known as namespaces, serve as logical containers within a single file to group related code elements together. They offer benefits such ...
Read MoreHow to compile .ts automatically with real-time changes in .ts file?
TypeScript is a popular programming language widely used for developing large-scale applications. It is a superset of JavaScript and adds optional static typing, interfaces, and generics to the language. When working with TypeScript, it is crucial to have a smooth development workflow that includes automatically compiling .ts files with real-time changes. In this article, we will explore the different tools and techniques that can be used to achieve this. Why Automatically Compile TypeScript Files? When working on a TypeScript project, developers often make changes to the .ts files. After making changes, they must compile these files to get the corresponding ...
Read MoreSort an alphanumeric string such that the positions of alphabets and numbers remain unchanged
Introduction In this tutorial, we introduce an approach to sorting an alphanumeric string such that the position of alphabets and numbers remains unchanged. In this approach, we use C++ functions and take an input string containing characters and numbers. Generate the string without changing the alphabet and number positions. The newly sorted string contains the shuffled characters in alphabetical order, and arranging the numbers will keep their positions the same. Example 1 String = “”tutorials43points” Output = aiilnoopr34sstttu In the above example, the input string is rearranged without changing the position of the number 32. The characters are ...
Read MoreHow to Design Half-Page Carousel in Bootstrap?
Carousel is a popular web designing technique used by web developers. This is a way to show a series of images or any other media content in an interactive way. These carousels are important design elements in several kinds of websites like traveling websites, Educational websites, etc., where we need to attract users using the images. The half-page carousel is a slight variation where the carousel takes only half of the entire page. This article will teach us how to design a half-page carousel in Bootstrap. Use The Grid System The bootstrap grid system allows us to create responsive and ...
Read MoreHow to design form controls for mobiles using jQuery Mobile Square-UI Theme plugin?
Making web pages mobile-friendly is a challenging task for the customs form control. jQuery gives us many options to perform the task conveniently. Since smartphones are very popular devices nowadays, it is important to be able to create custom form controls which visually appealing interfaces. jQuery library of JavaScript can help in building both responsive and engaging designs. In this article, we shall learn how to design form control for mobile using jQuery mobile Square-UI Theme plugin. Example This code demonstrates how to design mobile forms using the jQuery Query Mobile Square-UI Theme plugin. We first included the necessary libraries ...
Read MoreDestructuring of Props in ReactJS
ReactJS is a popular JavaScript library that has gained immense popularity in the last few years. It provides an efficient way to build complex user interfaces with reusable components. One of the essential features that make ReactJS a powerful tool is the way it handles props. Props are properties that are passed down to components, allowing for customization and dynamic rendering of data. Destructuring of Props is a feature in ReactJS that makes it easier to handle props in components. In this tutorial, we'll explore the concept of destructuring in JavaScript and how it can be used in ReactJS to ...
Read MoreHow to replace a string by another string in Angular JS?
Angular JS is a popular JavaScript framework that offers developers a range of useful tools for creating dynamic web applications. A common requirement in web development is to change specific words or phrases within a given text. In this tutorial, we will explain how to replace one string with another using AngularJS. We will provide clear, step-by-step instructions to accomplish this task effectively. To make it easier to understand, we will use a practical example to demonstrate the powerful features of Angular JS for string replacement. Importance of Replacing a String Before we explore the technical aspects, let's first grasp ...
Read MoreHow to remove controls of a text canvas using Fabric.js?
Fabric.js is a powerful tool written in JavaScript that makes it easier to build applications with interactive and dynamic graphics using HTML5 canvas. It offers many useful features, including the ability to add controls such as resizing and rotation handles to objects on the canvas. Sometimes, though, you might want to take away these controls from certain objects, like text, to limit what users can do. In this article, we'll show you how to remove controls from a text canvas using Fabric.js, using a simple example that you can follow along with. How to Remove Controls of a Text? To ...
Read More