← Semua track
🔷

TypeScript

Requirement standar lowongan modern. Dari tipe dasar sampai generics.

±40 jam · 0/43 selesai (0%)

💡 Saran (bukan syarat): sebaiknya selesaikan dulu JavaScript. Tapi semua materi tetap terbuka — kamu yang menentukan.

Modul 1: Tipe Dasar & Inference

TS = JS + anotasi tipe. Mulai dari yang paling sering dipakai sehari-hari.

7 bab dalam modul ini
  1. 1.1Kenapa TypeScript ada: bug yang tertangkap sebelum jalan
  2. 1.2Anotasi dasar: string, number, boolean, array
  3. 1.3Type inference: kapan TIDAK perlu menulis tipe
  4. 1.4any vs unknown — dan kenapa any adalah menyerah
  5. 1.5null, undefined, dan strictNullChecks
  6. 1.6Function: tipe parameter & return
  7. 1.7Setup: tsconfig penting (strict: true selalu)

Modul 2: Object Types & Interface

Memodelkan data aplikasi nyata: user, produk, respons API.

6 bab dalam modul ini
  1. 2.1type alias vs interface (dan jawaban pragmatisnya)
  2. 2.2Optional property (?) & readonly
  3. 2.3Nested object & array of object
  4. 2.4Index signature untuk object dinamis
  5. 2.5Extending interface & intersection (&)
  6. 2.6Memodelkan respons API nyata dari dokumentasi

Modul 3: Union, Literal & Narrowing

Bagian paling 'TypeScript' dari TypeScript — memodelkan kemungkinan.

6 bab dalam modul ini
  1. 3.1Union type (A | B) & literal type ('loading' | 'success')
  2. 3.2Narrowing: typeof, in, instanceof
  3. 3.3Discriminated union — pola state yang mustahil salah
  4. 3.4Type guard function (is)
  5. 3.5enum vs union literal (dan kenapa banyak tim pilih union)
  6. 3.6as const & satisfies

Modul 4: Generics

Kode yang fleksibel TAPI tetap aman tipe — dari useState sampai fetch wrapper.

6 bab dalam modul ini
  1. 4.1Masalah yang generics selesaikan
  2. 4.2Generic function & generic constraint (extends)
  3. 4.3Generic interface & type
  4. 4.4Default type parameter
  5. 4.5Membaca signature generic di library (React, fetch)
  6. 4.6Menulis fetch wrapper ber-tipe

Modul 5: Utility Types

Perkakas bawaan yang dipakai di hampir setiap codebase TS.

6 bab dalam modul ini
  1. 5.1Partial, Required, Readonly
  2. 5.2Pick & Omit — memotong tipe
  3. 5.3Record untuk object map
  4. 5.4ReturnType, Parameters, Awaited
  5. 5.5keyof & typeof di level tipe
  6. 5.6Mapped type dasar & template literal type (pengenalan)

Modul 6: TypeScript di Proyek Nyata

Skill yang membedakan 'tahu TS' dan 'kerja dengan TS'.

6 bab dalam modul ini
  1. 6.1Membaca error TS panjang tanpa panik (dari bawah, cari 'is not assignable')
  2. 6.2Migrasi file JS ke TS bertahap
  3. 6.3Tipe untuk event handler & DOM
  4. 6.4Deklarasi tipe pihak ketiga (@types/*)
  5. 6.5Kapan boleh as (assertion) dan kenapa itu bau kode
  6. 6.6Zod: validasi runtime + tipe statis untuk data eksternal