Lesson 1
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.
Lesson 2
Kuis: Belum dikerjakanMenambahkan JS ke HTML
Pelajari cara menyisipkan kode JavaScript ke dalam dokumen HTML Anda menggunakan metode internal, eksternal (paling direkomendasikan), dan inline (event handler).
Lesson 3
Kuis: Belum dikerjakanOutput & Console JS
Belajar cara menampilkan informasi atau pesan dari kode JavaScript Anda, dengan fokus pada `console.log()` sebagai alat debugging esensial untuk pemula.
Lesson 4
Kuis: Belum dikerjakanVariabel & 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.
Lesson 5
Kuis: Belum dikerjakanOperator JS
Kuasai cara melakukan operasi matematika, penugasan nilai, perbandingan, dan logika di JavaScript menggunakan berbagai jenis operator.
Lesson 6
Kuis: Belum dikerjakanString & Metodenya di JS
Lebih dalam tentang tipe data string di JavaScript! Pelajari cara membuat, menggabungkan, mengakses karakter, dan menggunakan berbagai metode string yang berguna.
Lesson 7
Kuis: Belum dikerjakanAngka & 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.
Lesson 8
Kuis: Belum dikerjakanArray & 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.
Lesson 9
Kuis: Belum dikerjakanObjek 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!
Lesson 10
Kuis: Belum dikerjakanKondisional 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.
Lesson 11
Kuis: Belum dikerjakanLooping 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.
Lesson 12
Kuis: Belum dikerjakanFungsi Dasar JS
Jangan ulangi dirimu! Pelajari cara membuat dan memanggil fungsi di JavaScript untuk menjalankan blok kode tertentu, menggunakan parameter, dan mengembalikan nilai.
Lesson 13
Kuis: Belum dikerjakanPengenalan 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.
Lesson 14
Kuis: Belum dikerjakanMemilih 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.
Lesson 15
Kuis: Belum dikerjakanManipulasi Konten & Atribut DOM
Saatnya beraksi! Pelajari cara JavaScript mengubah teks, HTML internal, nilai form, dan atribut elemen HTML yang sudah Anda pilih dari DOM.
Lesson 16
Kuis: Belum dikerjakanManipulasi 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.
Lesson 17
Kuis: Belum dikerjakanEvent 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.).
Lesson 18
Kuis: Belum dikerjakanWeb Storage (localStorage Fokus)
Pelajari cara menyimpan data di browser pengguna menggunakan Web Storage API (fokus localStorage, singgung sessionStorage) dan ketahui alternatif canggih seperti IndexedDB.
Lesson 19
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.
Lesson 20
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.
Module ini digunakan dalam 1 course. Progress, quiz akhir, dan sertifikat dikelola melalui course terkait.