Panduan & Referensi
Kasus penggunaan dunia nyata untuk membantu Anda memulai dengan Belajar JavaScript Dasar.
Panduan
Apa Itu JavaScript?
Kenalan sama JavaScript (JS)! Pahami perannya sebagai bahasa pemrograman client-side yang bikin website jadi dinamis, interaktif, dan lebih dari sekadar tampilan.
Panduan
Menambahkan JS ke HTML
Pelajari cara menyisipkan kode JavaScript ke dalam dokumen HTML Anda menggunakan metode internal, eksternal (paling direkomendasikan), dan inline (event handler).
Panduan
Output & Console JS
Belajar cara menampilkan informasi atau pesan dari kode JavaScript Anda, dengan fokus pada `console.log()` sebagai alat debugging esensial untuk pemula.
Panduan
Variabel & Tipe Data JS
Belajar cara mendeklarasikan variabel di JavaScript untuk menyimpan berbagai jenis nilai, dan kenali tipe-tipe data primitif seperti String, Number, dan Boolean.
Panduan
Operator JS
Kuasai cara melakukan operasi matematika, penugasan nilai, perbandingan, dan logika di JavaScript menggunakan berbagai jenis operator.
Panduan
String & Metodenya di JS
Lebih dalam tentang tipe data string di JavaScript! Pelajari cara membuat, menggabungkan, mengakses karakter, dan menggunakan berbagai metode string yang berguna.
Panduan
Angka & Metode Matematika JS
Pelajari lebih dalam tentang tipe data number di JavaScript, cara melakukan operasi aritmatika, dan memanfaatkan berbagai fungsi berguna dari objek `Math` bawaan.
Panduan
Array & Metodenya di JS
Pelajari tentang Array di JavaScript untuk menyimpan kumpulan nilai, cara mengakses elemennya berdasarkan indeks, dan berbagai metode array yang berguna untuk manipulasi data.
Panduan
Objek Literal JS
Pelajari cara membuat dan menggunakan Objek Literal di JavaScript untuk mengelompokkan data terkait dalam bentuk pasangan properti (kunci) dan nilai. Fondasi penting untuk data kompleks!
Panduan
Kondisional JS (if/else, switch)
Ajari JavaScript cara mengambil keputusan! Pelajari cara menggunakan pernyataan kondisional `if`, `else if`, `else`, dan `switch` untuk menjalankan blok kode berbeda berdasarkan kondisi tertentu.
Panduan
Looping JS (for, while)
Jangan ulangi kode yang sama berkali-kali! Pelajari cara menggunakan perulangan (looping) `for`, `while`, dan `do...while` di JavaScript untuk mengeksekusi blok kode secara berulang.
Panduan
Fungsi Dasar JS
Jangan ulangi dirimu! Pelajari cara membuat dan memanggil fungsi di JavaScript untuk menjalankan blok kode tertentu, menggunakan parameter, dan mengembalikan nilai.
Panduan
Pengenalan DOM di JS
Pahami bagaimana JavaScript bisa 'melihat' dan berinteraksi dengan halaman HTML Anda melalui DOM (Document Object Model). Ini adalah kunci untuk manipulasi halaman web secara dinamis.
Panduan
Memilih Elemen DOM di JS
Belajar berbagai metode JavaScript untuk memilih atau menyeleksi elemen HTML dari DOM, seperti berdasarkan ID, class, nama tag, atau bahkan selector CSS.
Panduan
Manipulasi Konten & Atribut DOM
Saatnya beraksi! Pelajari cara JavaScript mengubah teks, HTML internal, nilai form, dan atribut elemen HTML yang sudah Anda pilih dari DOM.
Panduan
Manipulasi Style & Class DOM
Kontrol tampilan elemen HTML-mu dari JavaScript! Pelajari cara mengubah style CSS inline secara langsung dan cara yang lebih baik: menambah, menghapus, atau toggle class CSS.
Panduan
Event Handling Dasar JS
Saatnya bikin websitemu interaktif! Pelajari dasar-dasar event handling di JavaScript untuk menjalankan kode saat pengguna melakukan sesuatu (klik, hover, ketik, dll.).
Panduan
Web Storage (localStorage Fokus)
Pelajari cara menyimpan data di browser pengguna menggunakan Web Storage API (fokus localStorage, singgung sessionStorage) dan ketahui alternatif canggih seperti IndexedDB.
Panduan
Proyek Mini JS
Waktunya ngoding! Aplikasikan semua konsep dasar JavaScript, DOM, dan Event Handling yang telah dipelajari untuk membangun proyek interaktif sederhana dari awal sampai akhir.
Panduan
Penutup JS & Lanjutan
Kamu berhasil menaklukkan dasar-dasar JavaScript! Rangkuman singkat, motivasi untuk terus berlatih, dan arahan ke topik JavaScript lanjutan serta teknologi web lainnya.