TypeScript Resources

Share

Related resources for TypeScript

Creating Interactive Charts with Chart.js and TypeScript11/10/2024 6:08:34 AM. To create a responsive chart in a TypeScript application, use Chart.js—a popular library for data visualization. Set up your TypeScript project, install Chart.js and its types, and configure Webpack f
How to Sort a List of Objects in TypeScript by Property11/9/2024 10:11:36 AM. This guide covers sorting lists of objects in TypeScript, with examples for sorting by string, numeric, and date properties. It demonstrates using the sort() method, localeCompare for strings, custom
Map, Filter and Reduce in TypeScript with Examples10/30/2024 5:47:41 AM. This guide provides a comprehensive overview of these essential functions, complete with practical examples to illustrate their use in real-world applications. Enhance your coding skills and streamlin
TypeScript for advanced type inference in React10/24/2024 4:43:27 AM. In this article, Ziggy Rafiq discusses advanced type inference techniques in React with TypeScript, focusing on hooks and JSX elements.
Types in TypeScript10/21/2024 9:56:16 AM. TypeScript is a superset of JavaScript that introduces optional static types, enhancing code reliability and maintainability. It allows developers to define types for variables, functions, and objects
TypeScript Object Spread10/10/2024 5:33:56 AM. Object spread in TypeScript allows for copying properties of objects or arrays using the spread operator (...), with later objects overwriting properties with the same name, and it can also be used to
TypeScript Essential Features10/7/2024 4:39:58 AM. TypeScript offers essential features that enhance JavaScript development, including static typing, type inference, and support for interfaces and generics. It provides tools like classes, enums, and m
IoC Providers in Angular Dependency Injection useClass 10/3/2024 6:59:29 AM. This article dives into Angular's Dependency Injection, focusing on the use of IoC and providers with useClass. Learn how to manually inject classes, define tokens with InjectionToken, and configu
The Property '__metadata' Does Not Exist on Type 'SP.Data.SPLibraryItem10/1/2024 5:33:32 AM. This content addresses the error message "The property '__metadata' does not exist on type 'SP.Data.SPLibraryItem'." It explores the implications of this TypeScript error in
Getting Started With Angular 2 Application Using Visual Studio9/24/2024 9:13:16 AM. This article provides a step-by-step guide for developing Angular 2 applications using Visual Studio 2015. It covers prerequisites such as installing Visual Studio, Node.js, and TypeScript, along with
Create a Desktop Application with Angular Electron Framework9/17/2024 4:56:42 AM. Learn how to create or convert an existing application to a Desktop application with the Electron framework. Convert an Angular application into a cross-platform desktop app using the Electron framewo
Build Microsoft Teams Bot Extension Using TypeScript9/11/2024 9:36:55 AM. Learn to build a Microsoft Teams Bot Extension with TypeScript in this guide. You'll set up your environment using Node.js and Visual Studio Code, create a bot with Teams Toolkit, and deploy it us
JavaScript vs TypeScript File Extensions: .js .jsx .ts .tsx8/8/2024 10:13:15 AM. Unlock the mysteries behind JavaScript and TypeScript file extensions with this comprehensive guide. Learn the differences between .js, .jsx, .ts, and .tsx files, and understand how each plays a cruci
Routing in React JS with TypeScript8/8/2024 5:52:19 AM. Routing is a crucial feature for single-page applications (SPA) as it allows navigation between different views or pages without reloading the entire application. React Router is the most popular libr
Tips to Learn Angular Quickly8/8/2024 5:50:23 AM. To learn Angular quickly, leverage your existing knowledge of HTML, CSS, and JavaScript. Focus on core Angular concepts like Components, Routing, Guards, Data Binding, Template Forms, and Services. Ut
Using Next.js with TypeScript8/7/2024 7:29:18 AM. Integrating TypeScript with Next.js enhances code quality by adding static types. Start by creating a Next.js project, then install TypeScript and necessary type definitions. Configure tsconfig.json,
How to Show and Hide Password in Angular7/25/2024 5:18:10 AM. Enhance your Angular forms by adding a show/hide password toggle feature. Just like a light switch that lets you see if a room is lit or dark, this feature allows users to reveal or hide their passwor
Angular vs. AngularJS: Key Differences and Syntax Changes7/15/2024 5:02:27 AM. AngularJS revolutionized web development with two-way data binding and a modular approach. Angular (2+) addresses performance issues, offering a modern framework with enhanced features like robust dep
Creating a complete CRUD (Create, Read, Update, Delete) application in Angular 7/10/2024 5:14:12 AM. Build a CRUD application in Angular using Angular CLI for setup, components for UI, services for data management with HttpClient for API interactions. Implement CRUD operations (Create, Read, Update,
Styling in React with Styled Components and TypeScript6/27/2024 4:54:20 AM. Using Styled Components and TypeScript, Ziggy Rafiq illustrates how to enhance the styling of React applications. With Styled Components, you can write CSS in JavaScript, simplifying the management of
Type-Safe Routing in React with React Router and TypeScript6/25/2024 4:54:16 AM. This insightful guide by Ziggy Rafiq explains how React Router and TypeScript can be used to achieve type-safe routing in React applications. Set up static routes using TypeScript's robust type sy
Creating a Web Resource Based on React TypeScript in Dynamics 3656/13/2024 8:02:59 AM. Integrating React and TypeScript with Dynamics 365 enables developers to build responsive and maintainable user interfaces. This approach leverages modern web practices for enhanced performance, reusa
@Input() And @Output() Decorator In Angular6/12/2024 9:24:18 AM. Learn how to efficiently exchange data between components in Angular using @Input and @Output decorators. Master component communication for seamless parent-to-child and child-to-parent data transfer.
Learn SharePoint FrameWork (SPFx)6/12/2024 5:44:15 AM. Explore the power of SharePoint Framework (SPFx) for modern web development. Learn to leverage JavaScript and TypeScript to create customizable web parts and extensions for SharePoint Online.
Interface In TypeScript / Complex Types In TypeScript6/10/2024 11:01:43 AM. In TypeScript, using interfaces helps define complex types, providing clarity and preventing runtime issues. Unlike JavaScript's var/let, interfaces explicitly outline object properties. This appr
A Step-by-Step Guide to Creating a Chrome Extension with React6/9/2024 5:14:15 PM. Building a Chrome extension using a React app developed with TypeScript and bundled with Webpack offers a modern approach to browser extension development. In this blog, I will guide you through the s
Enum In Typescript6/6/2024 7:44:24 AM. Enum in Typescript defines a set of named constants, either numeric or string-based. It simplifies code readability and maintenance by providing a distinct set of values. Types of enums include Numeri
Why Choose TypeScript Over JavaScript for Better Development6/3/2024 5:44:49 AM. Explore JavaScript's journey from its inception at Netscape to its standardization by ECMA. Discover Angular's evolution as a modern front-end framework and its synergy with TypeScript for enh
Automate Placeholder Replacement with Custom Data Models5/30/2024 8:52:48 AM. Discover how to dynamically generate text content by replacing placeholders with actual data using a versatile TypeScript function. Enhance user engagement through personalized content delivery, appli
State Management in React with TypeScript5/28/2024 4:13:37 AM. Ziggy Rafiq delves into the React Context API as well as popular libraries such as Redux to discuss the intricacies of state management in React applications. Take a look at various approaches and fin
Getting Started With Ionic Blank App Using Visual Studio 20155/24/2024 7:18:02 AM. Get started with building a hybrid mobile app using the Ionic Framework and Visual Studio 2015. This guide covers setting up Ionic and Cordova, creating a blank app template, and utilizing the Ionic C
Getting Started With Ionic Side Menu App Using Visual Studio 20155/24/2024 7:16:24 AM. Learn to build a hybrid mobile app using the Ionic Framework with Visual Studio 2015. This guide covers setting up Ionic and Cordova, using the Ionic CLI, and creating a side menu app template.
Type-safe development with React TypeScript Fundamentals5/21/2024 6:53:11 PM. Find out how TypeScript and React work together with Ziggy Rafiq's comprehensive guide. Learn how to use type-safe props, state management, event handling, and component lifecycles for robust and
Functional Components with React Hooks and TypeScript5/11/2024 5:16:58 PM. Explore the seamless integration of React Hooks and TypeScript in the latest guide by Ziggy Rafiq, now published on C# Corner. Discover how to unleash the power of functional components for efficient
Learn to Set up a license to Telerik UI for React app – Part IV5/10/2024 6:31:57 AM. Telerik UI for React, or KendoReact, streamlines React app development with a comprehensive toolkit. From efficient UI creation to robust features like SSR and TypeScript support, it enhances producti
How to Get Started with React and TypeScript?5/9/2024 11:36:16 AM. Explore the fundamentals of setting up React applications with TypeScript in this beginner's guide by Ziggy Rafiq. Learn about project structure, component creation, running your app, and configur
TensorFlowServing Integration With .NET Web Application By gRPC/Rest4/25/2024 8:26:09 AM. Explore the integration of TensorFlow with ASP.NET Core for real-time number prediction using a CNN model based on the MNIST example. This article outlines the setup process, including Docker deployme
Directives In Angular And Their Functions Using Node.js & VS Code4/23/2024 11:11:56 AM. Explore Angular directives in a Node.js environment with Visual Studio Code. Learn to leverage Angular CLI for efficient directive creation and management. Master frontend development using TypeScript
Getting Started With Angular 6 Using Angular CLI - Part One4/19/2024 10:29:13 AM. Start your Angular 6 journey with Angular CLI in this guide. Learn TypeScript, create SPAs, manage modules, and utilize dependency injection for efficient front-end development."
Angular 2 - Getting Started4/19/2024 10:28:30 AM. Angular 2 - Getting Started offers an introduction to building modern web applications with Angular 2. Learn TypeScript, utilize Angular CLI for project setup, and grasp component-based architecture f
How To Add And Delete Data In Angular 4/15/2024 11:54:36 AM. Learn how to implement add and delete operations in Angular to store and remove data from the database. This tutorial guides you through creating components, forms, and functions for submitting and de
Sharing Data from Child to Parent in Angular 8 Using @viewchild4/15/2024 11:51:06 AM. Angular 8 facilitates efficient parent-child component communication through @ViewChild. This TypeScript decorator allows a parent component to access a child component's properties and methods, e
What is the Difference Between JavaScript and TypeScript?4/9/2024 7:31:08 AM. JavaScript is a scripting programming language used to build client-side and server-side applications. It provides a runtime element management and manages the DOM dynamically. And it is a prototype-b
Explain Null Handling in TypeScript3/21/2024 6:13:26 AM. Null handling in TypeScript involves managing null and undefined values effectively to prevent runtime errors. Techniques like nullable types, optional chaining, type guards, and non-null assertion op
Create And Deploy Outlook Add-Ins Using SPFx 1.103/13/2024 8:32:55 AM. Create And Deploy Outlook Add-Ins Using SPFx 1.10" is a guide for integrating custom functionalities into Microsoft Outlook using SharePoint Framework (SPFx) version 1.10. It offers insights into
JavaScript WeakMap in ES8 and TypeScript3/11/2024 9:41:30 AM. WeakMap object stands out as a specialized entity, closely related to the Map object but with a unique twist. In this article, we'll unravel the syntax, characteristics, and methods of the JavaScr
JavaScript Date Formats in TypeScript3/7/2024 5:03:38 AM. When it comes to handling dates in JavaScript, understanding various date formats is essential for creating dynamic and user-friendly applications. The JavaScript Date object empowers developers to wo
Boosting Web Page Performance with the Defer Attribute3/6/2024 5:59:51 AM. JavaScript plays a vital role in enhancing the interactivity and functionality of web pages. However, the way scripts are loaded can significantly impact the user experience and overall performance of
Power of Typescript Scroll Events3/6/2024 4:42:22 AM. The onscroll event in JavaScript is a powerful tool that gets triggered when a scrollbar is used for an element. This event is particularly useful for creating dynamic and interactive web experiences,
Master Scroll Events: ECMAScript 8 (ES8) and TypeScript3/5/2024 11:33:16 AM. We'll explore how to adapt and extend the scroll event examples using ECMAScript 8 (ES8) features and the TypeScript language. These advanced techniques provide developers with additional tools an
Reactive Forms In Angular with Practical Example 3/1/2024 6:05:44 AM. Angular is a popular framework for building dynamic web applications, and one of its key features is its powerful Forms module. Angular offers two types of forms: template-driven forms and reactive fo
Auto Detect Responsive Screen Sizes Using Angular and Bootstrap2/22/2024 4:57:24 AM. This document provides a comprehensive guide on implementing screen size detection and achieving responsive behavior in Angular applications. It outlines steps to utilize the HostListener decorator fo
What is List Rendering in Vue.js?1/23/2024 4:30:43 AM. Vue.js provides an elegant and powerful way to render lists of data dynamically with the v-for directive. This feature allows you to iterate over an array or an object, creating and updating HTML elem
Simulating Sleep/Wait Functionality in TypeScript1/21/2024 1:12:19 PM. In many programming languages, developers often utilize a sleep or wait function to introduce a pause in the execution of a program for a specific duration.
TypeScript Odyssey Through Global, Local, and Block Scopes1/20/2024 11:06:49 AM. JavaScript scope is a fundamental concept that defines the region of execution where variables, expressions, and values can be referenced. There are two main scopes in JavaScript: global and local.
Understanding Page Redirection in TypeScript1/20/2024 11:01:41 AM. Page redirection is a crucial mechanism in web development that involves directing search engines and users to a different URL from the original one. This process can occur within the same server, acr
What are JavaScript Closures?1/18/2024 5:21:56 AM. JavaScript closures are a powerful and often misunderstood feature that plays a pivotal role in creating flexible and efficient code. In this comprehensive guide, we will delve into the depths of clos
Power of Callbacks in ES8 and TypeScript1/17/2024 5:33:22 AM. Callbacks in JavaScript play a pivotal role in handling asynchronous operations, enabling developers to execute code after the completion of a specific task. In this article, we'll explore the con
Date Differences in JavaScript1/17/2024 5:30:43 AM. In JavaScript, calculating the difference between two dates is a common task that arises in various scenarios, ranging from determining the duration between events to computing age. This comprehensive
Set Object in ES7 and TypeScript1/16/2024 11:05:22 AM. The JavaScript Set object is a versatile tool for managing collections with unique values, accommodating various data types, including both primitive values and object references. In this article, we&
JavaScript Map Object in ES7 and TypeScript1/16/2024 11:01:03 AM. The JavaScript Map object is a versatile tool for mapping keys to values, offering efficient operations for searching, updating, and deleting elements based on specified keys. In this article, we will
WeakSet Object in ES7 and TypeScript1/16/2024 10:50:54 AM. The WeakSet object emerges as a unique entity designed specifically for storing weakly held objects. Unlike its counterpart, Set, WeakSet exclusively deals with objects, offering distinct advantages.
TypedArray in ES7 and TypeScript1/16/2024 10:40:33 AM. JavaScript TypedArray objects provide a fascinating way to work with binary data buffers. In this article, we'll delve into the intricacies of TypedArray and its various types, and methods, and ho
A Symphony of ES7 Features and TypeScript Elegance1/16/2024 10:18:52 AM. JavaScript strings are fundamental components in web development, representing sequences of characters. This article explores advanced string manipulation using ES7 features and TypeScript, enhancing
How to Create a Vue Project?1/7/2024 5:55:34 AM. Creating your first Vue.js project doesn’t have to be daunting. This step-by-step guide walks you through the process, starting from setting up the development environment to running your Vue.js appli
RxJS Observables, Subjects, and BehaviorSubjects in Angular12/20/2023 9:01:44 AM. In this article we will learn what are the ways of doing asynchronous programming in angular with the help of RxJS library. And the difference among them and there use cases.
Enabling GitHub CoPilot in Visual Studio Code12/7/2023 7:08:50 AM. Generative AI, GitHub Co PIlot, VS Code, Python, C#, typescript, Devops, Code Generation. Code debugging, Code Refactoring, Code Cleanup
How To Use Query Parameters In Angular11/15/2023 11:26:44 AM. In this tutorial, we'll be looking at Query Parameters feature in Angular which lets you pass data from one route to another.
Debug Angular In VS Code10/4/2023 10:13:33 AM. Describe how to debug in VS Code, and give some basic discussion
React (1) - Installation and Environment Setup9/5/2023 5:54:41 AM. This series of articles delves into React, a popular choice for Single Page Applications (SPAs). As a former Angular developer, I found React's training courses beneficial in understanding key con
What are forms in Angular?8/26/2023 7:23:04 AM. In this article, we will learn about angular forms.
What is the Basics of Angular?8/25/2023 11:17:38 AM. Discover the complete journey of Angular development with this in-depth guide. From building a strong foundation in Angular basics to delving into advanced topics like state management, authentication
CSS in SPFx8/25/2023 5:27:57 AM. In this article, we will learn how to easily consume CSS in our typescript file without errors.
Auth Guards in Angular8/21/2023 9:32:38 AM. Discover Angular's auth guards basics and their step-by-step implementation through diverse use cases. Explore routing protection and authentication nuances for robust web applications.
HTTP Interceptors in Angular8/12/2023 1:26:06 PM. Explore the essential concepts of HTTP Interceptors in Angular, their benefits, and practical applications using step-by-step examples with Angular 15, improving HTTP request handling and enhancing fu
Observable and Subjects in Angular8/5/2023 10:12:30 AM. In this article, we are going to discuss the basics of observable and subject. Also, the difference between them is explained with the help of practical examples and the different types of subjects.
Feature Module with Lazy Loading in Angular7/24/2023 5:08:19 AM. Learn how to utilize feature modules in Angular, streamline your codebase, and benefit from lazy loading for improved performance. Follow a step-by-step example using Angular CLI and Node.js.
Routing in Angular7/16/2023 5:31:37 AM. This article will discuss What is Angular, What is Routing, Benefits of Routing, Routing in Angular, and Routing examples.
Reverse A String In JavaScript6/27/2023 6:37:41 AM. How to reverse a string in JavaScript is one of the most frequently asked interview questions. There could be dozens of ways we could reverse a string. However, in this article, we'll learn three
5 Ways To Remove Elements From A JavaScript Array6/26/2023 7:22:42 AM. In this article, we'll take a look at 5 different ways we could remove elements from the JavaScript array.
Create Collapsible Accordions Using Ant Design UI In ReactJS6/16/2023 7:17:50 AM. In this article, we will learn how to create Collapsible Accordions using Ant Design UI with React JS and Typescript.
How To Create Autocomplete Using Ant Design UI In ReactJS6/15/2023 6:32:40 AM. In this article, we will learn how to create autocomplete using Ant Design UI with React JS and Typescript.
How To Create DatePicker Using Ant Design UI In ReactJS6/14/2023 6:42:30 AM. In this article, we will learn how to create a date picker using Ant Design UI with React JS and Typescript.
How To Create Popover Using Ant Design UI In ReactJS6/14/2023 5:47:44 AM. In this article, we will learn how to create a popover using Ant Design UI with React JS and Typescript.
How To Create ColorPicker Using Ant Design UI In ReactJS6/13/2023 6:20:33 AM. In this article, we will learn how to create a Color Picker using Ant Design UI with React JS and Typescript.
How To Create Segments Using Ant Design UI In ReactJS6/12/2023 7:24:59 AM. In this article, we will learn how to create segmented using Ant Design UI with React JS and Typescript.
How To Create TimePicker Using Ant Design UI In ReactJS6/12/2023 4:44:20 AM. In this article, we will learn how to create timepicker using Ant Design UI with React JS and Typescript.
How To Create Tabs Using Ant Design UI In ReactJS6/9/2023 8:37:35 AM. In this article, we will learn how to create Tab using Ant Design UI with React JS and Typescript.
How To Create timeline Using Ant Design UI In ReactJS6/8/2023 8:59:53 AM. In this article, we will learn how to create timeline Ant Design UI with React JS and Typescript.
How To Create Table Using Ant Design UI In ReactJS6/7/2023 8:28:26 AM. In this article, we will learn how to create a Table using Ant Design UI with React JS and Typescript.
How To Create Tree/Hierarchical list structure Using Ant Design UI In ReactJS6/6/2023 11:10:40 AM. In this article we will learn how to create a Tree using Ant Design UI with React Js and type script.
How To Create QRCode Using Ant Design UI In ReactJS6/4/2023 5:41:55 PM. In this article we will learn how to create QR Code using Ant Design UI with React Js and type script.
Unleashing the Power of valueOf in JavaScript5/22/2023 9:31:34 AM. In this article, we will explore the potential of valueOf() through a practical example, showcasing how this method can be leveraged to enhance code functionality and flexibility.
Angular Reactive Form5/8/2023 4:55:33 AM.
Angular Installation and Environment Setup4/27/2023 3:36:23 AM. This article will introduce npm and node.js.
Mastering React: Best Practices for Building Robust and Scalable Applications4/21/2023 11:59:53 AM. This article provides practical guidance on how to build high-quality React applications that are both robust and scalable. By following best practices such as using TypeScript, automated testing, cod
Mastering Angular Best Practices: Tips and Tricks for Building Large-Scale Applications4/21/2023 9:16:45 AM. Boost Your Angular Game: Best Practices for Large-Scale Applications. From code optimization to server-side rendering, learn the top tips and tricks to master Angular development and build maintainabl
What is TypeScript?: Why it Matters, and How it's Transforming Web Development3/28/2023 11:03:24 PM. In this article, we will learn what TypeScript is and how TypeScript is better than JavaScript, and how to write your first TypeScript application using Visual Studio.
Simplify Map(), Reduce() And Filter() In TypeScript3/21/2023 10:10:39 AM. As front-end developers, we come across many functions like map(), reduce(), filter(), and others. You will learn a lot about these functions.
Observable And Promise In Angular3/13/2023 10:28:03 AM. In this article, you will learn about Observable and Promise in Angular.

Topics