FluentStack

Apa Itu TypeScript?

Mode tersedia: dark, light, paper
MasukDaftar
Intermediate · Level 6: TypeScriptIntermediate35 menitBahasa Indonesia

Apa Itu TypeScript?

Memahami TypeScript sebagai cara menangkap kesalahan JavaScript lebih awal sebelum runtime.

StatusMemuat progres
ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

  • Menjelaskan TypeScript sebagai JavaScript dengan type checking
  • Membedakan error yang tertangkap sebelum runtime dan error saat app berjalan
  • Memahami kenapa TypeScript membantu data UI yang mulai kompleks
TypeScriptType Checking

Isi lesson

5 blok
  1. 1.
    TypeScript membantu sebelum kode dijalankanBelum selesaiWajib
  2. 2.
    JavaScript vs TypeScript kecilBelum selesaiWajib
  3. 3.
    TypeScript bukan pengganti memahami JavaScriptBelum selesaiWajib
  4. 4.
    Cek pemahamanBelum selesaiWajib
  5. 5.
    RingkasanBelum selesaiWajib

TypeScript membantu sebelum kode dijalankan

Wajib

Di Level 5, kamu sudah belajar membuat JavaScript yang lebih rapi: module file, async flow, Browser API, transformasi data, dan debugging. Saat data dan function makin banyak, sebagian bug muncul karena value yang dipakai tidak sesuai bentuk yang kita harapkan.

TypeScript membantu menangkap kesalahan seperti itu lebih awal. Ia tetap dekat dengan JavaScript, tetapi menambahkan type checking agar editor dan compiler bisa memberi tanda saat kamu memakai value dengan tipe yang salah.

Bagian ini memengaruhi progres lesson.

JavaScript vs TypeScript kecil

Wajib
ts
function formatScore(score: number): string {
  return score + " poin";
}

formatScore(85);
formatScore("85"); // TypeScript memberi error sebelum runtime.

Parameter score diberi type number. Saat function dipanggil dengan string, TypeScript bisa memberi peringatan sebelum bug masuk ke browser.

Bagian ini memengaruhi progres lesson.

Catatan penting

Wajib

TypeScript bukan pengganti memahami JavaScript

TypeScript tidak membuat logic otomatis benar. Ia membantu menjelaskan bentuk data dan menangkap sebagian kesalahan lebih awal. Kamu tetap perlu memahami JavaScript, DOM, async flow, dan debugging.

Bagian ini memengaruhi progres lesson.

Cek pemahaman

WajibJawab dulu

Cek pemahaman singkat

Apa manfaat utama TypeScript di awal pembelajaran frontend modern?

Progres lesson naik setelah jawaban benar.

Ringkasan

Wajib
  • TypeScript adalah JavaScript dengan type checking.
  • Type checking membantu menemukan sebagian bug sebelum runtime.
  • TypeScript paling berguna saat data, function, dan UI state mulai kompleks.
  • TypeScript tetap membutuhkan pemahaman JavaScript yang kuat.
  • Berikutnya, kamu akan menulis primitive types dan arrays.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: TypeScript membantu sebelum kode dijalankan.