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 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.
2
Tutorial Inertia Roles & Permissions - #5 - Membuat Model, Migration, Faker Dan Seeder Laravel
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan membuat sebuah model, migration, faker dan seeder yang akan kita gunakan di dalam project kita.
3
Tutorial Laravel Livewire - #5 - Membuat Relasi Antar Table Dengan Laravel
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat relasi antar tabel menggunakan eloquent relationship yang telah disedikan oleh laravel.
4
Tutorial Inertia Roles & Permissions - #8 - Membuat Reusable Component Dengan React
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan belajar membuat sebuah reusable component menggunakan react.
5
Tutorial Laravel Livewire - #11 - Membuat Module Dashboard Dengan Livewire
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan membuat sebuah module dashboard dengan livewire.
6
Tutorial Inertia Roles & Permissions - #10 - Membuat Module Dashboard Dengan Inertia React
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan membuat sebuah module dashboard dengan inertia react.

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.