Uji Kompetensi Arrays, Objects, and Data Modeling
Checkpoint akhir untuk mengecek kesiapan membentuk data UI sebelum masuk DOM dan events.
Yang dicek
- Mengecek pemahaman array, object, dan array of objects
- Mengecek kemampuan membaca property dan item list
- Menerapkan map dan filter untuk transformasi data UI sederhana
Isi lesson
6 blok- 1.Checkpoint data UIBelum selesaiWajib
- 2.Yang dicek di checkpoint iniBelum selesaiWajib
- 3.QuizBelum selesaiWajib
- 4.Coding practiceBelum selesaiWajib
- 5.Baca MDN untuk array dan objectBelum selesaiWajib
- 6.RingkasanBelum selesaiWajib
Checkpoint data UI
WajibModule ini mengubah JavaScript dari value kecil menjadi data yang lebih siap dipakai UI. Kamu belajar array untuk list, object untuk satu item, array of objects untuk list terstruktur, lalu map dan filter untuk membentuk data sebelum ditampilkan.
Bagian ini memengaruhi progres lesson.
Catatan penting
WajibYang dicek di checkpoint ini
Fokusnya adalah membaca dan membentuk data sederhana. Kamu tidak perlu membuat DOM interaction dulu. DOM dan events akan masuk di module berikutnya setelah data model dasarnya jelas.
Bagian ini memengaruhi progres lesson.
Quiz
WajibQuiz Arrays, Objects, and Data Modeling
Jawab pertanyaan satu per satu. Kamu bisa ulang quiz jika belum mencapai target lulus.
Target lulus
80/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: 80
Apa kegunaan array yang paling tepat dalam konteks data UI?
Coding practice
WajibDibuka di workspace khususMembuat utility data UI
Checkpoint praktik untuk array, object, array of objects, map, dan filter.
Tujuan awal: Fokus di tab JS.
Practice ini dibuka di workspace khusus. Buka practice untuk memakai editor, preview, dan cek otomatis.
Tombol selesai aktif setelah semua validasi wajib lolos.
Documentation Bridge
WajibBaca MDN untuk array dan object
Gunakan dokumentasi untuk memperkuat istilah yang akan sering muncul saat kamu mulai membuat interaksi UI.
MDN Web Docs
Array
Fokus baca
- array sebagai list value
- contoh membaca item dan length
- method array yang sering dipakai
Abaikan dulu
- typed arrays
- constructor detail
- method advanced yang belum dipakai
MDN Web Docs
Object basics
Fokus baca
- object sebagai kumpulan property
- cara membaca property dengan dot notation
- contoh object sederhana
Abaikan dulu
- prototype
- class
- this yang kompleks
MDN Web Docs
Array.prototype.map
Fokus baca
- map membuat array baru
- callback menerima setiap item
- contoh mengambil bagian tertentu dari data
Abaikan dulu
- sparse arrays
- thisArg
- callback edge cases
MDN Web Docs
Array.prototype.filter
Fokus baca
- filter memilih item yang lolos kondisi
- hasil filter tetap berupa array
- contoh kondisi boolean sederhana
Abaikan dulu
- filter pada array-like object
- optimisasi performa
Aksi setelah membaca
Buka halaman MDN map atau filter, lalu cocokkan satu contoh di sana dengan practice transformasi data yang baru kamu kerjakan.
Bagian ini memengaruhi progres lesson.
Ringkasan
Wajib- Kamu siap lanjut jika bisa memakai array untuk list value.
- Kamu siap lanjut jika bisa memakai object untuk satu item terstruktur.
- Kamu siap lanjut jika bisa membaca array of objects dengan index dan property.
- Kamu siap lanjut jika bisa memakai map untuk membentuk array baru.
- Kamu siap lanjut jika bisa memakai filter untuk memilih item berdasarkan kondisi.
- Module berikutnya memakai data ini untuk DOM selection, events, form, localStorage, dan fetch dasar.
Bagian ini memengaruhi progres lesson.
Langkah berikutnya
Selesaikan bagian wajib checkpoint ini
Lanjutkan blok wajib berikutnya: Checkpoint data UI.