Halo teman-teman semuanya, pada seri artikel kali ini kita semua akan belajar tentang TypeScript dasar, sebelum melangkah lebih jauh, mari kita kenalan dulu apa itu TypeScript.
Apa Itu TypeScript?
TypeScript adalah bahasa pemrograman yang dikembangkan oleh Microsoft sebagai superset dari JavaScript. Artinya, semua kode JavaScript yang valid juga merupakan kode TypeScript, tetapi TypeScript menambahkan fitur tambahan seperti static typing, interface, dan fitur modern lainnya yang membuat pengembangan aplikasi lebih terstruktur dan mudah dikelola.
Kenapa Menggunakan TypeScript?
-
Static Typing
Dengan TypeScript, kita bisa menentukan data type pada variable, function, dan object. Ini membantu kita mencegah banyak error sebelum kode dijalankan.
-
Lebih Mudah Dipahami
Dengan adanya tipe data, kode kita lebih mudah dipahami dan diprediksi, terutama dalam tim yang bekerja bersama.
-
Meningkatkan Produktivitas
TypeScript memiliki fitur autocompletion dan suggestion yang lebih baik dibandingkan JavaScript biasa, sehingga membantu kita dalam menulis kode lebih cepat.
-
Dukungan untuk Fitur Modern
TypeScript selalu diperbarui dengan fitur terbaru dari JavaScript, sehingga kita bisa menggunakannya sebelum didukung secara penuh oleh semua browser.
-
Lebih Mudah Maintenance
Dengan adanya interface dan type annotation, kode kita menjadi lebih mudah dimaintenance dan diperbarui tanpa takut merusak bagian lain dari aplikasi.
Bagaiamana Cara Kerja TypeScript ?
TypeScript tidak langsung dijalankan di browser seperti JavaScript. Kita perlu melakukan proses compile terlebih dahulu. Kurang lebih ilustrasinya seperti berikut ini.
Dari gambar ilustrasi di atas, kurang lebih seperti berikut ini penjelasannya.
-
Menulis kode TypeScript (file
.ts)
Kita menulis kode dengan TypeScript seperti static typing.
-
TypeScript Compiler
Kemudian TypeScript akan di-compile ke dalam JavaScript menggunakan perintah
tsc (TypeScript Compiler).
-
Hasil Compile (file
.js)
Hasil kompilasi berupa JavaScript biasa yang bisa dijalankan di browser atau Node.js.
Langkah 1 - Installasi Node.js
Sebelum mulai menggunakan TypeScript, pastikan kita sudah menginstal Node.js karena TypeScript dapat diinstal melalui npm. Jika teman-teman belum menginstall-nya, silahkan diinstall terlebih dahulu, berikut ini link untuk menginstall Node.js https://nodejs.org/en/download.
Untuk memastikan apakah Node.js sudah berhasil terinstall, silahkan jalankan perintah berikut ini di dalam terminal/CMD.
node -v
npm -v
Jika Node.js sudah terinstall, kita akan melihat versinya.
Langkah 2 - Installasi TypeScript
Jalankan perintah berikut ini di dalam terminal/CMD untuk menginstal TypeScript secara global.
npm install -g typescript
Setelah installasi selesai, cek apakah TypeScript sudah terinstal dengan perintah berikut ini.
tsc -v
Jika berhasil, kita akan melihat versi TypeScript yang terinstall.
Langkah 3 - Hello World Dengan TypeScript
Sekarang kita akan mencoba belajar membuat program sederhana, yaitu menampilkan tulisan Hello World menggunakan TypeScript.
Silahkan teman-teman buat folder baru dengan nama hello, kemudian di dalamnya silahkan buat file baru dengan nama hello.ts, dan masukkan kode berikut ini di dalamnya.
let message: string = "Hello World!";
console.log(message);
Sekarang, kita akan belajar melakukan compile file hello.ts di atas menggunakan TSC, sehingga akan menghasilnya file baru dengan nama hello.js.
Silahkan teman-teman jalankan perintah berikut ini di dalam terminal/CMD.
tsc hello.ts
Jika berhasil, teman-teman akan melihat file baru dengan nama hello.js.
Sekarang kita akan coba menjalankannya. Silahkan jalankan perintah berikut ini di dalam terminal/CMD.
node hello.js
Maka teman-teman akan mendapatkan hasil yang kurang lebih seperti berikut ini.
Hello World!
Kesimpulan
Pada artikel ini, kita telah belajar mengenal TypeScript, cara menginstal TypeScript, men-compile TypeScript menggunakan TSC, dan melihat hasilnya.
Pada artikel selanjutnya, kita semua akan belajar bagaimana cara melakukan setup project di TypeScript.
Terima Kasih