Uji Kompetensi Async JavaScript and Error Handling
Cek readiness menulis async function, menangani error, menampilkan UI state, dan menambahkan retry dasar.
Yang dicek
- Mengecek pemahaman Promise states
- Mengecek penggunaan async/await
- Mengecek try/catch untuk failed async operation
- Mengecek loading, empty, error, dan success state
- Mengecek retry behavior dasar
Isi lesson
6 blok- 1.Apa yang dicek di checkpoint iniBelum selesaiWajib
- 2.QuizBelum selesaiWajib
- 3.Coding practiceBelum 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 bisa menangani operasi async dengan jujur. Bukan hanya membuat request berhasil, tetapi juga menjelaskan apa yang user lihat saat data sedang dimuat, kosong, gagal, atau berhasil.
Kamu belum perlu advanced concurrency, AbortController, queue, stream, service worker, atau retry backoff algorithm. Fokusnya adalah async function yang bisa dibaca, try/catch yang jelas, UI state yang tidak menggantung, dan retry dasar saat error sementara.
Bagian ini memengaruhi progres lesson.
Quiz
WajibUji Kompetensi Async JavaScript and Error Handling
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 state Promise saat operasi async masih menunggu hasil?
Coding practice
WajibDibuka di workspace khususPerbaiki async dashboard flow
Checkpoint practice untuk memperbaiki loading, empty, success, error, dan retry flow.
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
OpsionalBaca dokumentasi resmi secara terarah
Gunakan dokumentasi ini untuk memperkuat konsep yang sering membingungkan saat async flow mulai nyata.
MDN Web Docs
Promise
Fokus baca
- pending, fulfilled, dan rejected
- Promise sebagai hasil async yang selesai nanti
- then dan catch sebagai handler
Abaikan dulu
- Promise concurrency methods
- Promise subclassing
- cancellation detail
MDN Web Docs
async function
Fokus baca
- async function mengembalikan Promise
- flow async yang bisa dibaca dengan await
- hubungan async function dan error
Abaikan dulu
- async function expression edge cases
- top-level await detail
- advanced scheduling
MDN Web Docs
await
Fokus baca
- menunggu Promise fulfilled
- apa yang terjadi saat Promise rejected
- await di dalam async function
Abaikan dulu
- top-level await di module kompleks
- microtask detail
- stack trace nuance
MDN Web Docs
try...catch
Fokus baca
- try block
- catch block
- menangani exception atau rejected async flow
Abaikan dulu
- conditional catch blocks
- finally detail
- nested try/catch yang kompleks
MDN Web Docs
Using the Fetch API
Fokus baca
- fetch mengembalikan Promise
- membaca response
- menangani request yang gagal dengan jujur
Abaikan dulu
- streaming body
- AbortController
- advanced request options
Aksi setelah membaca
Buka local app kamu, pilih satu async operation, lalu tulis state apa yang user lihat saat loading, empty, success, dan error.
Opsional, tidak menghambat penyelesaian lesson.
Writing practice
WajibLatihan menulis
Tulis catatan debugging singkat untuk async flow. Jelaskan Promise/request apa yang berjalan, state UI yang tampil, error yang mungkin terjadi, dan bagaimana retry bekerja.
Tulis draft dulu sebelum menandai writing practice selesai.
0/300 karakter
Checklist panduan
Checklist ini hanya panduan. Kamu tidak harus mencentang semuanya.
Ringkasan
Wajib- Readiness module ini berarti kamu bisa membaca Promise states dan menulis async/await flow.
- try/catch membuat kegagalan async punya rencana yang jelas.
- UI async yang baik membedakan loading, empty, error, dan success.
- Retry dasar memberi user jalan keluar saat request gagal sementara.
- Jika belum siap, ulangi Promise state prediction, async/await refactor, try/catch, UI states, dan retry practice.
- Jika sudah siap, kamu bisa lanjut ke Browser APIs, Data Transformation, and Debugging.
Bagian ini memengaruhi progres lesson.
Langkah berikutnya
Selesaikan bagian wajib checkpoint ini
Lanjutkan blok wajib berikutnya: Apa yang dicek di checkpoint ini.