Typescript Introduction

Typescipt adalah bahasa pemograman yang di rancang atau di kembangkan oleh para developer microsoft. Typescript berbasis JavaScript yang menambahkan fitur strong-typing & konsep pemrograman OOP klasik ( class, interface). Di dalam dokumentasinya, TypeScript disebut sebagai super-set dari JavaScript, artinya semua kode JavaScript adalah kode TypeScript juga. Bahasa pemrograman ini menawarkan class, module, dan interface yang membuat developer bisa mengembangkan aplikasi kompleks dengan lebih mudah. Hal inilah yang membedakannya dengan javascript.

Typescript Process Compiler

PlantUML Syntax:</p>
<p>@startuml<br />
@startmindmap<br />
skin rose<br />
* tsc ( Typesciprt compiler )<br />
** javascript<br />
left side<br />
** Typescript code</p>
<p>@endmindmap<br />
@enduml</p>
<p>

Sebelum anda memulai belajar Typescript, kita perlu menginstall npm package Typescript.

Install Typescript secara global

npm install -g typescript

atau

Bisa juga Install Typescript pada local project

npm install typescript --save-dev

Typescript terdapat beberapa versi :

  • Stable channel : npm install typescript
  • Beta channel : npm install typescript@beta
  • Dev channel : npm install typescript @next

Compiling Typescript code

Untuk melakuakn compile typescript anda bisa mengunakan perintah tsc <nama file.ts> berikut.

tsc app.ts  

Compiling Typescript mengunakan tsconfig.json

Anda dapat membuat file konfigurasi untuk menjalankan Typescript.

{
    "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "noImplicitAny": false,
    "sourceMap": false,
    "pretty": true
   },
    "exclude": [
    "node_modules"
   ]
}

Running Typesciprt dengan ts-node

ts-node adalah package npm yang memngkinkan anda menjalankan /compile typesciprt secara langsung tanpa melakukan compiple terlebih dahulu dengan mengunakan package tsc.

Install ts-node secara global

npm install -g ts-node
npm install -g typescript

Unutk menjalankan typescript dengan ts-node (ts-node <nama file>

ts-node main.ts

Contoh program sederhana untuk menampilkan kata “Hello world”.

Buat file main.ts

console.log("Hello world")

Jalankan file main.ts memgunakan ts-node

$ ts-node main.ts
Hello world

Source code tutorial Typescript tersedia di github typescript-days

hyvercode

Leave a Reply

Your email address will not be published. Required fields are marked *