Local Vanilla JavaScript App
Bangun mini app JavaScript di perangkat sendiri dengan HTML, CSS, script.js, DOM event, localStorage, DevTools, Git, dan GitHub.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
Menyiapkan Project Vanilla JS Lokal
Siapkan folder project lokal untuk mini app JavaScript tanpa framework, npm, atau bundler.
Menghubungkan index.html, style.css, dan script.js
Hubungkan tiga file utama local app dan pastikan browser membaca CSS serta JavaScript.
Membuat Interaksi Pertama
Bangun interaksi DOM sederhana di project lokal: membaca input dan menampilkan hasil di halaman.
Menyimpan Data Lokal
Gunakan localStorage untuk menyimpan catatan kecil dari mini app lokal.
Membaca Dokumentasi saat Debugging
Gunakan MDN dan DevTools secara terarah saat mini app lokal tidak berjalan sesuai harapan.
Uji Kompetensi Local Vanilla JavaScript App
Cek kesiapan membangun, menjalankan, men-debug, menyimpan, dan menjelaskan mini app Vanilla JavaScript lokal.