Memulai TypeScript untuk Pemula

TypeScript adalah superset JavaScript yang hebat yang menambahkan pengetikan statis dan fitur-fitur canggih lainnya ke dalam bahasa tersebut. TypeScript membantu pengembang mendeteksi kesalahan lebih awal, menulis kode yang lebih bersih, dan mengelola basis kode yang besar secara lebih efektif. Dalam panduan ini, kami akan memandu Anda melalui dasar-dasar TypeScript dan membantu Anda memulainya, bahkan jika Anda benar-benar pemula.

Apa itu TypeScript?

TypeScript adalah bahasa pemrograman sumber terbuka yang dikembangkan oleh Microsoft. Bahasa ini dibangun di atas JavaScript dengan menambahkan tipe statis, yang dapat membantu mengidentifikasi kesalahan pada waktu kompilasi, bukan pada waktu proses. Hal ini memudahkan penulisan kode yang andal dan dapat dipelihara. Kode TypeScript perlu dikompilasi menjadi JavaScript sebelum dapat dijalankan di browser atau lingkungan Node.js.

Mengapa Menggunakan TypeScript?

• Peningkatan kualitas kode dan deteksi bug dini dengan pengetikan statis
• Perkakas yang lebih baik dan fitur pelengkapan otomatis dalam IDE modern
• Peningkatan keterbacaan dan pemeliharaan untuk basis kode besar
• Mendukung fitur JavaScript terbaru dan standar masa depan

Cara Memasang TypeScript

Sebelum Anda dapat mulai menggunakan TypeScript, Anda perlu menginstalnya di komputer Anda. Anda perlu menginstal Node.js dan npm (Node Package Manager). Jika Anda belum menginstalnya, unduh dari situs web Node.js.

1. Buka terminal atau command prompt Anda.
2. Jalankan perintah berikut untuk menginstal TypeScript secara global:

npm install -g typescript

Perintah ini akan menginstal TypeScript secara global pada sistem Anda, membuatnya dapat diakses dari folder mana pun.

Membuat Program TypeScript Pertama Anda

Setelah TypeScript terinstal, Anda dapat membuat berkas TypeScript pertama Anda. Ikuti langkah-langkah berikut:

1. Buat folder baru untuk proyek Anda dan navigasikan ke sana menggunakan terminal:

mkdir my-first-typescript-app
cd my-first-typescript-app

2. Buat file TypeScript baru bernama app.ts:

echo "console.log('Hello, TypeScript!');" > app.ts

Ini menciptakan berkas TypeScript sederhana yang mencatat "Halo, TypeScript!" ke konsol.

Mengompilasi TypeScript ke JavaScript

Kode TypeScript tidak dapat dieksekusi langsung oleh browser atau Node.js; kode tersebut harus dikompilasi terlebih dahulu ke JavaScript. Anda dapat mengkompilasi berkas TypeScript dengan menjalankan perintah berikut di terminal Anda:

tsc app.ts

Perintah ini menghasilkan berkas JavaScript bernama app.js di direktori yang sama. Kini Anda dapat menjalankan berkas JavaScript yang dikompilasi menggunakan Node.js:

node app.js

Anda seharusnya melihat Halo, TypeScript! tercetak pada konsol.

Memahami Tipe Dasar dalam TypeScript

TypeScript memperkenalkan beberapa tipe dasar yang membantu Anda menentukan bentuk dan struktur data Anda. Berikut ini beberapa tipe umum:

• Angka: Mewakili nilai numerik.
• String: Mewakili nilai teks.
• Boolean: Mewakili nilai benar atau salah.
• Array: Mewakili kumpulan nilai dengan tipe yang sama.
• Tuple: Mewakili array dengan jumlah elemen tetap yang bertipe berbeda.
• Enum: Mewakili kumpulan konstanta bernama.
• Any: Mewakili tipe dinamis yang dapat menampung nilai apa pun.

Contoh: Menggunakan Tipe dalam TypeScript

Mari kita lihat contoh sederhana yang menunjukkan penggunaan berbagai tipe dalam TypeScript:

let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Green;

console.log(age, name, isStudent, hobbies, person, favoriteColor);

Dalam contoh ini, kami mendefinisikan variabel dengan tipe tertentu seperti number, string, boolean, array, tuple, dan enum. Kompiler TypeScript akan memastikan bahwa variabel diberi tipe yang benar, menyediakan lapisan keamanan yang tidak ditawarkan JavaScript biasa.

Kesimpulan

TypeScript merupakan pilihan yang tepat bagi para pengembang yang ingin menulis kode yang lebih tangguh dan mudah dikelola. Dengan menambahkan tipe statis ke JavaScript, TypeScript dapat membantu Anda mendeteksi kesalahan lebih dini dan menyediakan dukungan perkakas yang lebih baik. Dalam tutorial ini, Anda mempelajari dasar-dasar TypeScript, cara menginstalnya, menulis program sederhana, dan menggunakan beberapa tipe dasarnya. Saat Anda terus menjelajahi TypeScript, Anda akan menemukan banyak fitur canggih lainnya yang dapat membantu meningkatkan alur kerja pengembangan Anda.