Pemula

JavaScript Fundamental: Bangun Kasir PojokKasir

Dari variabel pertama sampai halaman kasir yang bisa diklik

Belum ada rating0 siswa82 aktivitas14j 37m

Untuk siapa: Usia 12–99 tahun (SMA)
Tingkat: Pemula
Yang dibuat: Program kasir PojokKasir buatanmu sendiri: hitung total, diskon, kembalian, tolak transaksi salah, dan cetak struk
Lama belajar: 14j 37m, 82 aktivitas
Perangkat: Cukup laptop atau tablet, tanpa alat tambahan
Sertifikat: Ada, setelah lulus ujian akhir

Untuk siapa: remaja 12+ dan dewasa yang belum pernah atau baru sedikit menulis kode. Tidak perlu instal apa pun; semua contoh bisa dijalankan dan diedit langsung di halaman materi.

Yang dipelajari: dasar bahasa (variabel, tipe data, operator, percabangan, perulangan), fungsi dan penanganan error, objek, array beserta map/filter/reduce, Map dan Set, class dan pewarisan, Promise dan async/await, lalu JavaScript di halaman web: memilih elemen, mengubah isi, membuat elemen baru, event klik, form, dan event delegation.

Cara belajarnya: setiap modul berisi materi, latihan yang dinilai otomatis, rangkuman, dan kuis. Semua contoh memakai proyek yang sama, kasir PojokKasir milik Bu Rina, jadi kamu melihat programnya tumbuh dari modul ke modul.

Hasil akhirnya: program kasir yang menghitung subtotal, diskon member, kode promo, kembalian, menolak transaksi yang salah, dan mencetak struk rapi.

Materi Kelas

Modul 1 — Kenalan dengan JavaScript

Mulai di Sini: Membangun PojokKasir dengan JavaScriptGratis5m

Selamat Datang di JavaScript KodingYukGratis13m

Introduction — Sejarah, Aturan Main, dan Kebiasaan Aman15m

Variables — var, let, const, Scope, dan Hoisting17m

Latihan: Struk Pertama PojokKasir12m

Rangkuman Modul 14m

Kuis Modul 110m

Modul 2 — Tipe Data dan Nilai

Pembuka Modul 2: Data di Kasir Punya Jenis3m

Data Types — Primitif vs Objek, typeof, dan Immutability16m

Numbers — Menghitung Uang Tanpa Ketipu Komputer17m

Strings — Mengolah Nama, Struk, dan Teks Warung14m

Booleans — Truthy, Falsy, dan Logika Warung15m

Null & Undefined — Dua Kosong yang Beda Cerita15m

Latihan: Diskon 15% dari Harga Berbentuk Teks15m

Latihan: Data Pesanan yang Bolong12m

Rangkuman Modul 23m

Kuis Modul 210m

Modul 3 — Operator, Perbandingan, dan Alur Kontrol

Pembuka Modul 3: Kasir yang Bisa Memutuskan3m

Operator Aritmatika, Penugasan, dan Urutan Hitung4m

Perbandingan — == vs ===, Object.is, dan Aturan Koersi16m

Alur Kontrol — if/switch, Loop, for-of vs for-in, break/continue/Label17m

Latihan: Rekap Belanja dan Level Member15m

Rangkuman Modul 33m

Kuis Modul 310m

Modul 4 — Fungsi dan Penanganan Error

Pembuka Modul 4: Rumus Kasir yang Dipakai Ulang3m

Fungsi — Deklarasi, Parameter, Arrow, dan First-Class13m

Function Expressions — Ekspresi vs Deklarasi, IIFE, dan Callbacks13m

Keyword return — Nilai Balik, Early Return, dan Jebakan ASI13m

Penanganan Error: try, catch, throw7m

Latihan: Tiga Fungsi Kasir15m

Latihan: Tolak Pembayaran yang Salah15m

Rangkuman Modul 43m

Kuis Modul 410m

Modul 5 — Objek, Array, dan Koleksi Data

Pembuka Modul 5: Satu Keranjang, Banyak Data3m

Objects — Literal, Computed Keys, Destructuring, Spread, Freeze/Seal13m

Property Accessors — Dot vs Bracket, Getter/Setter11m

Array Modern — Olah Data Tanpa Pusing14m

Higher-Order Function, Closure, dan Fungsi Murni7m

Map, Set & Senjata Anti-Duplikat14m

Latihan: Laporan Keranjang dengan map, filter, reduce18m

Latihan: Rekap Penjualan dengan Map dan Set18m

Rangkuman Modul 54m

Kuis Modul 510m

Modul 6 — Class dan Pemrograman Berorientasi Objek

Pembuka Modul 6: Data dan Perilaku dalam Satu Wadah3m

Keyword new — Constructor dan 4 Tahap new13m

Keyword this — 4 Aturan Binding, call/apply/bind, dan Arrow Lexical14m

Class — Cetakan Rapi untuk Objek12m

Extends & Super — Mewarisi Tanpa Mengulang11m

Private Fields & Static — Menjaga Dapur Tetap Bersih11m

Latihan: Class Keranjang dan KeranjangMember20m

Rangkuman Modul 64m

Kuis Modul 610m

Modul 7 — Asinkron dan Modul

Pembuka Modul 7: Menunggu Tanpa Membuat Antrean Macet3m

Sinkron dan Asinkron: setTimeout, Callback, dan Promise7m

Async — Janji, Tunggu, dan Panen Bersama13m

Modules ESM, structuredClone & Capstone Mini13m

Latihan: Ambil Harga dari Server Tiruan20m

Rangkuman Modul 74m

Kuis Modul 710m

Modul 8 — Pendalaman: BigInt, Symbol, Prototype, dan Descriptor

Pembuka Modul 8: Melihat ke Balik Layar3m

BigInt — Angka Raksasa Tanpa Kehilangan Presisi14m

Symbols — Kunci Unik yang Tidak Bisa Ditabrak14m

Prototypes — Rantai Prototype, __proto__ vs prototype, Object.create, Intro Class14m

Kendali Properti — Descriptors & defineProperty14m

Latihan: Omzet Raksasa dan Kode Produk Terkunci15m

Rangkuman Modul 84m

Kuis Modul 810m

Modul 9 — JavaScript di Halaman Web: DOM dan Event

Pembuka Modul 9: Dari Konsol ke Layar Kasir3m

DOM: Halaman sebagai Pohon Objek5m

Mengubah Isi dan Tampilan: textContent, innerHTML, classList5m

Membuat dan Menghapus Elemen5m

Event: addEventListener dan Objek Event5m

Form: submit, preventDefault, dan Validasi6m

Event Delegation: Satu Pendengar untuk Banyak Tombol6m

Latihan: Tombol Tambah dan Kurang Gelas15m

Latihan: Form Pesanan dengan Tombol Hapus25m

Rangkuman Modul 94m

Kuis Modul 910m

Modul 10 — Proyek Akhir: Kasir PojokKasir

Proyek Akhir: Kasir PojokKasir Lengkap5m

Proyek Akhir: Kasir PojokKasir45m

Penutup: Langkah Setelah PojokKasir4m

Kuis Akhir: JavaScript Fundamental10m

Rp59.000

Akses materi selamanya

Praktik & quiz interaktif

Sertifikat kelulusan

Bayar via Xendit (aman)

Garansi 7 hari uang kembali