Uji Kompetensi Scope, Closure, and Modules
Cek readiness membaca scope, mengenali closure, dan memecah Vanilla JavaScript app ke module file sederhana.
Yang dicek
- Mengecek pemahaman global, function, dan block scope
- Mengecek pemahaman closure dalam contoh UI kecil
- Mengecek kemampuan membaca import dan export
- Mengecek keputusan module boundary saat refactor local app
- Mengecek kesiapan lanjut ke async JavaScript
Isi lesson
6 blok- 1.Apa yang dicek di checkpoint iniBelum selesaiWajib
- 2.QuizBelum selesaiWajib
- 3.Refactor readiness checklistBelum selesaiWajib
- 4.Baca dokumentasi resmi secara terarahBelum selesaiOpsional
- 5.Writing practiceBelum selesaiWajib
- 6.RingkasanBelum selesaiWajib
Apa yang dicek di checkpoint ini
WajibCheckpoint ini mengecek apakah kamu sudah bisa membaca batas akses variable, mengenali closure dalam behavior kecil, dan memecah JavaScript lokal tanpa langsung masuk ke framework atau bundler.
Kamu belum perlu memahami tree shaking, package publishing, CommonJS, circular dependency, atau module resolution advanced. Untuk tahap ini, cukup pastikan kamu bisa menjelaskan: variable ini bisa dibaca di mana, function ini mengingat state dari mana, dan file ini bertanggung jawab atas apa.
Bagian ini memengaruhi progres lesson.
Quiz
WajibUji Kompetensi Scope, Closure, and Modules
Jawab pertanyaan satu per satu. Kamu bisa ulang quiz jika belum mencapai target lulus.
Target lulus
70/100
Skor terbaik
0/100
Status
Belum dikerjakan
Blok ini wajib untuk menyelesaikan lesson. Progres quiz naik setelah skor mencapai target lulus.
Pertanyaan 1 dari 5
Target lulus: 70
Apa arti scope dalam JavaScript?
Refactor readiness checklist
WajibGunakan local Vanilla JavaScript app kamu untuk self-review:
- Kamu bisa menunjuk minimal satu variable global dan menjelaskan apakah global itu memang perlu.
- Kamu bisa menunjuk minimal satu variable function atau block scope.
- Kamu bisa menjelaskan satu contoh closure, misalnya counter, toggle, atau function yang mengingat konfigurasi.
- Kamu punya main.js sebagai entry point utama jika app sudah dipisah.
- Kamu punya minimal dua module file tambahan dengan tanggung jawab jelas.
- Setiap export punya alasan: function atau value itu memang dipakai file lain.
- Setiap import di main.js berasal dari file yang tepat.
- HTML memakai script type="module" untuk main.js.
- App tetap berjalan setelah file dipisah.
- Console tidak menampilkan error import path, missing file, atau variable yang tidak terdefinisi.
Checklist ini adalah self-review untuk local project. Tandai selesai setelah kamu benar-benar mengecek project di browser dan code editor.
Bagian ini memengaruhi progres lesson.
Documentation Bridge
OpsionalBaca dokumentasi resmi secara terarah
Gunakan bagian ini untuk menguatkan konsep yang paling sering membuat bingung: lexical scope, closure, module file, import, dan export.
MDN Web Docs
Closures
Fokus baca
- lexical scope
- function yang mengakses outer scope
- contoh practical closures
Abaikan dulu
- performance considerations
- private methods pattern
- loop closure edge cases yang terlalu advanced
MDN Web Docs
JavaScript modules
Fokus baca
- module file
- import dan export dasar
- script type module di browser
Abaikan dulu
- module aggregation
- dynamic import
- tooling dan bundler
MDN Web Docs
import
Fokus baca
- named import
- path module relatif
- import di bagian atas file
Abaikan dulu
- import attributes
- namespace import
- side-effect imports
MDN Web Docs
export
Fokus baca
- named export
- export function
- export const
Abaikan dulu
- re-export
- default export trade-off
- advanced declaration forms
Aksi setelah membaca
Buka satu module file di local project kamu, lalu tulis satu kalimat tentang apa yang diekspor file itu dan kenapa file lain perlu mengimpornya.
Opsional, tidak menghambat penyelesaian lesson.
Writing practice
WajibLatihan menulis
Tulis catatan refactor singkat. Jelaskan satu keputusan scope, satu contoh closure atau state kecil, dan alasan kamu memecah file JavaScript ke module tertentu.
Tulis draft dulu sebelum menandai writing practice selesai.
0/320 karakter
Checklist panduan
Checklist ini hanya panduan. Kamu tidak harus mencentang semuanya.
Ringkasan
Wajib- Readiness module ini berarti kamu bisa menjelaskan batas akses variable.
- Closure dibaca dari function yang tetap mengingat outer variable.
- ES modules membantu memecah file berdasarkan tanggung jawab.
- Refactor yang baik membuat alur utama lebih mudah dibaca, bukan sekadar menambah file.
- Jika belum siap, ulangi scope prediction, closure counter, import/export reading, dan local refactor checklist.
- Jika sudah siap, kamu bisa lanjut ke async JavaScript dan error handling dengan struktur kode yang lebih rapi.
Bagian ini memengaruhi progres lesson.
Langkah berikutnya
Selesaikan bagian wajib checkpoint ini
Lanjutkan blok wajib berikutnya: Apa yang dicek di checkpoint ini.