Tutorial Typescript untuk Pemula

JavaScript diperkenalkan sebagai bahasa untuk sisi klien. 

Pengembangan Node.js telah menandai JavaScript sebagai teknologi yang bisa berjalan di sisi server juga.

Namun, seiring bertambahnya kode JavaScript, kode tersebut cenderung menjadi lebih berantakan, sehingga sulit untuk mempertahankan dan menggunakan kembali kode tersebut. 

Selain itu, kegagalannya untuk menerapkan fitur Orientasi Objek (OOP), pemeriksaan tipe yang kuat, dan pemeriksaan kesalahan waktu kompilasi mencegah JavaScript untuk berhasil di tingkat enterprise sebagai teknologi sisi server yang lengkap. TypeScript disajikan untuk menjembatani kesenjangan ini.

Apakah Typescript itu?

Menurut definisi, "TypeScript adalah JavaScript untuk pengembangan skala aplikasi."

TypeScript adalah bahasa yang ketat dalam penulisan, berorientasi objek, dan dikompilasi. 

TypeScript adalah bahasa berorientasi objek sumber terbuka yang dikembangkan dan dikelola oleh Microsoft, dilisensikan di bawah lisensi Apache 2. Typescript adalah superset Javascript yang diketik yang dikompilasi ke JavaScript biasa. 

Typescript dirancang oleh Anders Hejlsberg (desainer C#) di Microsoft. TypeScript adalah bahasa dan seperangkat alat. TypeScript pertama kali dirilis pada Oktober 2012.

TypeScript adalah superset yang diketik dari JavaScript yang dikompilasi ke JavaScript. Dengan kata lain, TypeScript adalah JavaScript ditambah beberapa fitur tambahan.

Instalasi TypeScript

Ada tiga cara untuk menginstal TypeScript:

1. Instal TypeScript sebagai paket NPM di mesin lokal Anda atau di proyek Anda.
2. Instal Paket NuGet TypeScript di proyek .NET atau .NET Core Anda.
3. Instal TypeScript sebagai Plug-in di IDE (Integrated Development Environment) Anda.

Instal TypeScript menggunakan NPM

NPM ( Node.js package manager ) digunakan untuk menginstal paket TypeScript pada mesin atau proyek lokal Anda. Pastikan Anda menginstal Node.js di mesin lokal Anda. Jika Anda menggunakan kerangka kerja JavaScript untuk aplikasi Anda, maka sangat disarankan untuk menginstal Node.js .

Untuk menginstal atau memperbarui TypeScript versi terbaru, buka command prompt/terminal dan ketik perintah berikut:

npm install -g TypeScript

Perintah di atas akan menginstal TypeScript secara global sehingga Anda dapat menggunakannya di proyek apa pun. Periksa versi TypeScript yang diinstal menggunakan perintah berikut:

tsc -v

Jalankan perintah berikut untuk menginstal TypeScript ke proyek lokal Anda sebagai ketergantungan dev.

npm install TypeScript --save-dev

Instal TypeScript sebagai Paket NuGet

Untuk proyek .NET atau .NET Core, TypeScript dapat diinstal sebagai paket NuGet di proyek Anda. Paket NuGet Microsoft.TypeScript.MSBuild adalah tugas MSBuild untuk TypeScript, yang secara otomatis akan mengkompilasi semua file .ts ke file .js sesuai konfigurasi tsconfig.json saat Anda membangun proyek Anda.

Untuk menginstal paket TypeScript NuGet, buka NuGet Package Manager dengan mengklik kanan pada node proyek, klik Manage NuGet Packages dan cari TypeScript di Browsetab. 

Ini akan mencantumkan semua paket yang terkait dengan TypeScript. Pilih Microsoft.TypeScript.MSBuild dan klik tombol Install. Ini akan menginstal TypeScript di proyek ASP.NET lokal Anda.

Ekstensi TypeScript Visual Studio

Jika jenis proyek Anda tidak mendukung paket NuGet, maka Anda dapat menggunakan TypeScript Visual Studio Extension . Anda dapat menemukan dan menginstal ekstensi di Visual Studio dari menu Tools > Extensions and Updates.

Visual Studio Code hadir dengan dukungan bawaan untuk TypeScript.

Instal Plug-in TypeScript di IDE Anda

Anda dapat menginstal paket atau plugin TypeScript khusus IDE untuk IDE Anda.

Beberapa contoh plugin untuk editor kode populer adalah:

Atom-TypeScript : layanan bahasa TypeScript untuk Atom yang dikembangkan oleh TypeStrong.

TypeScript IDE for Eclipse : plugin Eclipse yang dikembangkan oleh Angelo Zerr.

Plug-in TypeScript untuk Eclipse : sebuah plugin Eclipse yang dikembangkan oleh Palantir.

WebStorm menyertakan dukungan TypeScript di luar kotak.

Kunjungi TypeScript Github Repository untuk daftar lengkap IDE yang mendukung pengembangan TypeScript.

Program TypeScript Pertama: Kompilasi dan Jalankan

Di sini, Anda akan belajar menulis program sederhana di TypeScript, mengompilasinya dan menggunakannya di halaman web.

Buat file baru di editor kode Anda dan beri nama add.ts dan tulis kode berikut di dalamnya.

function addNumbers(a: number, b: number) { 
    return a + b; 
} 

var sum: number = addNumbers(10, 15) 

console.log('Sum of the two numbers is: ' +sum); 

Sekarang, buka command prompt di Windows (atau terminal di platform Anda), navigasikan ke jalur tempat Anda menyimpan add.ts, dan kompilasi program menggunakan perintah berikut:

tsc add.ts

Perintah di atas akan mengkompilasi file TypeScript add.ts dan membuat file Javascript bernama add.js di lokasi yang sama. File add.js berisi kode berikut.

function addNumbers(a, b) {
    return a + b;
}
var sum = addNumbers(10, 15);
console.log('Sum of the two numbers is: ' + sum);