DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 967,911 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for My First Experience with TypeScript
Seema Saharan
Seema Saharan

Posted on

My First Experience with TypeScript

I was going to start a challenge by MLH: Local Hack Day, and the challenge was to write Hello World in a new programming language, and I thought I have never ever worked or even saw a code in TypeScript, so I started exploring and learning about it, and I literally got shocked and amazed how it works.
Don't judge, haha, I am a noob in TS.

Why I got amazed?

Since browsers natively does not understand typescript, but they understand javascript. So in order to run typescript codes, first it is transpiled to javascript.

And when I compiled the program, it created a new file with .js, as it should be. This was the most shocking, I really don't know why, because I have never seen such type of working in any other programming languages that I have used. It was cool.

I just started with TS, so created my first program.

What is TypeScript?

β€œTypeScript is JavaScript for application-scale development.”

TypeScript is an open-source programming language. It is developed by Microsoft.
It follows JavaScript syntactically but adds more features to it. It is a superset of JS.

TS and JS

Feature of TS

  • Purely object-oriented, with features like classes, objects, and interfaces like Java
  • TypeScript supports other JS libraries
  • Any valid .js file can be renamed to .ts and compiled with other TypeScript files
  • TypeScript is portable

Running a TS code

Browsers natively does not understand typescript, but they understand javascript. So in order to run typescript codes, first it is transpiled to javascript.

tsc : is a typescript compiler(transpiler) that converts typescript code into javascript.

You can install tsc by running the following command:

npm install -g typescript

Write your first program

  • Create a file named "helloworld.ts".
  • Add these lines of code.
var greet: string = "Greetings"; 
var message: string = "MLH Local Hack Day!"; 
console.log(greet + " from " + message); 
Enter fullscreen mode Exit fullscreen mode
  • To compile, run the following command:

tsc helloworld.ts

This command will generate a javascript file with name helloworld.js

  • Run the javascript file using the following command on the command line :

node helloworld.js

  • Output:

Greetings from MLH Local Hack Day!

GitHub repo for the same

Hit a ❀, if you are also new to TS.

You can connect with me on:
πŸŽ₯YouTube
βš’LinkedIn
🧡Twitter
✍Hashnode
πŸ“·Instagram

Top comments (2)

Collapse
 
krishnakakade profile image
krishna kakade

Hi

Collapse
 
seema1711 profile image
Seema Saharan Author

Hey

🌚 Life is too short to browse without dark mode