This tutorial introduces TypeScript, a strongly typed superset of JavaScript. It is designed for developers with basic JavaScript knowledge.
TypeScript is a programming language developed by Microsoft that adds static typing to JavaScript. TypeScript code compiles to plain JavaScript.
Install TypeScript using npm:
npm install -g typescript
Check installation:
tsc --version
Create a file called hello.ts:
let message: string = "Hello, TypeScript!";
console.log(message);
Compile it:
tsc hello.ts
This generates hello.js.
let isDone: boolean = true;
let age: number = 25;
let username: string = "Alice";
let numbers: number[] = [1, 2, 3];
function add(a: number, b: number): number {
return a + b;
}
const result = add(5, 10);
Function return types are optional but recommended.
interface User {
name: string;
age: number;
isAdmin: boolean;
}
const user: User = {
name: "John",
age: 30,
isAdmin: false
};
class Person {
name: string;
constructor(name: string) {
this.name = name;
}
greet(): void {
console.log("Hello, " + this.name);
}
}
const person = new Person("Sarah");
person.greet();
let value: string | number;
value = "Hello";
value = 42;
type ID = string | number;
let userId: ID;
userId = 101;
userId = "A123";
TypeScript helps you write safer and more scalable JavaScript. It is widely used in frameworks like Angular, React, and Node.js.
Next steps: