Belajar Typescript Dasar - #2 - Membuat Project Typescript

Artikel ini merupakan series dari Belajar Typescript Dasar, disini kita akan belajar membuat project typescript dan menjalankannya.

Rafi Taufiqurrahman
Dipublish 10/03/2025

Pendahuluan

Pada artikel kali ini, kita akan belajar membuat file Typescript dan menjalankannya. Typescript sendiri tidak bisa langsung dijalankan di browser, jadi kita perlu mengompilasinya menjadi JavaScript terlebih dahulu.

Silahkan teman - teman buat file baru dengan nama index.ts, lalu masukan kode berikut ini.

index.ts
const nama: string = 'Rafi Taufiqurrahman';
console.log(`Halo, nama saya ${nama}`)

Untuk menjalankan file tersebut kita harus melakukan konversi terlebih dahulu menjadi Javascript dengan perintah dibawah ini.

tsc index.ts

Hasilnya akan muncul file baru dengan nama index.js, yang bisa dijalankan dengan Node.js, dengan perintah berikut ini.

node index.js

Dan output yang dihasilkan dari perintah diatas kurang lebih seperti berikut ini.

Terminal
Halo, nama saya Rafi Taufiqurrahman

Penutup

Pada artikel berikutnya, kita akan belajar berbagai macam tipe data yang ada didalam Typescript. Semoga bermanfaat, Termiakasih :)

Artikel Lainnya

Beberapa artikel rekomendasi lainnya untuk menambah pengetahuan.

1
Tutorial Laravel Rest API - #3 - Membuat Module Register
Artikel ini merupakan series dari Tutorial Authentication Dengan Laravel Sanctum dan Unit Testing, disini kita belajar membuat module registrasi selain membuat rest api kita juga menuliskan sebuah unit test untuk module tersebut.
2
Tutorial Laravel Livewire - #7 - Membuat Reusable Component Dengan Laravel
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita membuat sebuah reusable component menggunakan laravel.
3
Tutorial Inertia Roles & Permissions - #6 - Membuat Relasi Antar Tabel Menggunakan Laravel Eloquent Relationship
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan membuat relasi antar tabel menggunakan laravel eloquent relationship.
4
Tutorial Membuat Dynamic Dependent Dropdown Menggunakan Laravel Livewire
Pada artikel kali ini, kita akan belajar membuat sebuah dynamic dependent dropdown atau sebuah dropdown bertingkat menggunakan laravel livewire.
5
Tutorial React Native Auth - #4 - Membuat Custom Context Authentikasi React Native
Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah custom context authentikasi pada project kita
6
Tutorial Laravel Rest API - #5 - Membuat Module Profile
Artikel ini merupakan series dari Tutorial Authentication Dengan Laravel Sanctum dan Unit Testing, disini kita belajar membuat module profile selain membuat rest api kita juga menuliskan sebuah unit test untuk module tersebut.

JurnalKoding

Mulai asah skill dengan berbagai macam teknologi - teknologi terbaru seperti Laravel, React, Vue, Inertia, Tailwind CSS, dan masih banyak lagi.

© 2025 JurnalKoding, Inc. All rights reserved.