Lesson 1
Apa Itu TypeScript?
Capek sama error aneh di JavaScript pas runtime? Kenalan sama TypeScript (TS), superset JavaScript yang nambahin sistem tipe statis buat ngedeteksi error lebih awal dan bikin kodemu makin solid!
Lesson 2
Kuis: Belum dikerjakanInstalasi & Setup TS
Mulai perjalanan TypeScript-mu! Panduan langkah demi langkah untuk menginstal TypeScript Compiler (tsc) menggunakan npm dan membuat file konfigurasi proyek dasar `tsconfig.json`.
Lesson 3
Kuis: Belum dikerjakanTipe Data Dasar TS
Mulai memberi 'label' pada datamu! Pelajari cara mendeklarasikan variabel dengan tipe data eksplisit di TypeScript dan kenali tipe-tipe dasar seperti string, number, boolean, array, tuple, enum, any, unknown, void, null, dan undefined.
Lesson 4
Kuis: Belum dikerjakanFungsi Bertipe di TS
Kuasai cara mendefinisikan tipe untuk parameter yang diterima fungsi dan tipe untuk nilai yang dikembalikan (return type) oleh fungsi di TypeScript. Buat kodemu lebih prediktabel!
Lesson 5
Kuis: Belum dikerjakanObjek, Interface, & Type Aliases TS
Berikan struktur pada datamu! Pelajari cara mendefinisikan bentuk objek di TypeScript menggunakan anotasi tipe inline, Interface, dan Type Aliases untuk kode yang lebih terorganisir dan type-safe.
Lesson 6
Kuis: Belum dikerjakanTypeScript & React: Pengenalan Dasar
Gabungkan kekuatan React dengan keamanan tipe TypeScript! Pelajari cara setup proyek React + TS menggunakan Vite, dan dasar-dasar memberi tipe pada Props, State (useState), dan Event Handler.
Lesson 7
Kuis: Belum dikerjakanStudi Kasus To-Do: Setup & Tipe Data
Mulai bangun aplikasi To-Do List dengan React dan TypeScript! Langkah pertama: setup proyek menggunakan Vite dan mendefinisikan interface TypeScript untuk struktur data tugas (Todo).
Lesson 8
Kuis: Belum dikerjakanStudi Kasus To-Do: Komponen Form & Add
Lanjutkan proyek To-Do List! Bangun komponen `TodoForm.tsx` menggunakan React dan TypeScript untuk menangani input tugas baru dan memanggil fungsi untuk menambahkannya ke daftar.
Lesson 9
Kuis: Belum dikerjakanStudi Kasus To-Do: Komponen List & Item
Lanjutkan proyek To-Do List React+TS! Bangun komponen `TodoList.tsx` untuk merender daftar tugas dan `TodoItem.tsx` untuk menampilkan setiap tugas individual, lengkap dengan props yang diketik.
Lesson 10
Kuis: Belum dikerjakanStudi Kasus To-Do: Fungsi Toggle & Delete
Lengkapi fungsionalitas aplikasi To-Do List React+TS Anda! Pahami alur kerja bagaimana aksi 'toggle selesai' dan 'hapus' pada item tugas memicu update state di komponen utama.
Lesson 11
Kuis: Belum dikerjakanStudi Kasus To-Do: localStorage & Penyempurnaan
Finalisasi aplikasi To-Do List React+TS! Pelajari cara menyimpan daftar tugas ke localStorage agar tidak hilang saat refresh, dan beberapa ide penyempurnaan styling atau fungsionalitas.
Lesson 12
Kuis: Belum dikerjakanUnion & Intersection Types di TS
Bikin tipe datamu lebih fleksibel! Pelajari cara menggunakan Union Types untuk variabel yang bisa memiliki salah satu dari beberapa tipe, dan Intersection Types untuk menggabungkan beberapa tipe menjadi satu.
Lesson 13
Kuis: Belum dikerjakanGenerics Dasar TS
Tingkatkan fleksibilitas dan keamanan tipe kodemu! Pelajari konsep dasar Generics di TypeScript untuk membuat fungsi, interface, atau class yang bisa bekerja dengan berbagai tipe data secara aman.
Lesson 14
Penutup TypeScript & Tips
Kamu berhasil menaklukkan dasar-dasar TypeScript! Rangkuman singkat manfaat utama TypeScript, tips untuk menggunakannya secara efektif, dan arahan ke topik serta sumber belajar lebih lanjut.
Module ini digunakan dalam 1 course. Progress, quiz akhir, dan sertifikat dikelola melalui course terkait.