Brief Introduction To TypeScript

Typescript is a strongly-typed superset of JavaScript and it makes more readable and maintainable. This is an open source language created by Microsoft. A similar way of writing syntax similar  C# OOPs concept. Typescript can be used for cross-browser development.

What are the features?

  • It is a strong type language and similar to the OOPs Concept
  • It supports Access Modifiers and Properties
  • It supports dataTypes
  • It supports modules and classes
  • It supports Static and Instant member
  • It supports Function Overloading and Constructor
  • It supports Inheritance
  • It supports Modules 
  • It supports Template string
  • It supports interfaces
  • It supports generics
  • Typescript Code is converted into Plain JavaScript Code

How to Install

We can install Typescript two ways

  1. Using npm (Node.js Package Manager)
  2. Install in Visual Studio

How to install using npm

First, we have to install the node.js. Download it from this location.

https://nodejs.org/en/download/

TypeScript

 

Now, we can check if it has installed or not with the below command.

node –v

TypeScript

 

It will display the version of the installed node.js.

Then use the below command in the command prompt to install the TypeScript.

npm install -g typescript

TypeScript

 

TypeScript

 

How to install in visual studio

We have to go to the following location.

https://www.microsoft.com/en-us/download/details.aspx?id=48593

After that, we will see a window.

TypeScript

 

And click the download button.

And start the installation after download.

TypeScript

 

After that click run button.

TypeScript

 

After that click install button -> Click Yes button.

TypeScript

 

After completing installation we can check in Visual Studio if it is installed or not.

First, open Visual Studio and go to the help option on the menu.

TypeScript

 

And also we can check the below.

TypeScript

Way of writing syntax

We can first see how we can write it in JavaScript.

  1. var number1 = 5;  
  2. var number2 = 5;  
  3. var str = "Hello";  
  4. var something = 890;  
  5. var lst = [1, 2, 3, 4, 5];  
  6.   
  7. function Add(number1, number2) {  
  8.     return number1 + number2;  
  9. }  

 

We can see how we can write it in TypeScript.

  1. var number1: number = 5;  
  2. var number2: number = 5;  
  3. var str: string = "Hello";  
  4. var something = 890;  
  5. var lst: Array < number > = [1, 2, 3, 4, 5]  
  6.   
  7. function Add(number1: number, number2: number) {  
  8.     return number1 + number2;  
  9. }  
TypeScript

Summary

 

TypeScript generates plain JavaScript code and we can use it with any browser. TypeScript features are similar to object-oriented programming languages such as classes, interfaces, inheritance, overloading, and modules. We can write and organize our JavaScript code making it more maintainable and extensible.

X

Build smarter apps with Machine Learning, Bots, Cognitive Services - Start free.

Start Learning Now