1. Pengenalan JavaScript

• Pengertian JavaScript
• Peran JavaScript dalam website (interaktif & dinamis)
• Cara menambahkan JS:
  • Inline
  • Internal
  • External
• Contoh sederhana: alert(), console.log()

2. Sintaks Dasar JavaScript

• Penulisan kode JS
• Komentar (single & multi-line)
• Case sensitive
• Struktur dasar program

3. Variabel dan Tipe Data

• var, let, const
• Tipe data:
  • String
  • Number
  • Boolean
  • Array
  • Object
• typeof

4. Operator dalam JavaScript

• Operator aritmatika (+, -, *, /)
• Operator perbandingan (==, ===, !=)
• Operator logika (&&, ||)
• Operator assignment

5. Percabangan (Conditional)

• if, else
• else if
• switch case
• Studi kasus sederhana

6. Perulangan (Looping)

• for
• while
• do while
• perulangan array

7. Fungsi (Function)

• Pengertian fungsi
• Function declaration
• Function parameter & return
• Arrow function (dasar)

8. DOM (Document Object Model)

• Pengertian DOM
• Mengakses elemen:
  • getElementById
  • querySelector
• Mengubah konten:
  • innerHTML
  • textContent
• Mengubah atribut & CSS

9. Event Handling JavaScript

• Pengertian event
• Event click, submit, change
• addEventListener
• Studi kasus:
  • klik tombol
  • validasi form sederhana

10. Pengenalan jQuery

• Pengertian jQuery
• Kelebihan jQuery
• Cara menggunakan jQuery (CDN)
• Selector jQuery
• Perbedaan JS vs jQuery

11. Manipulasi DOM dengan jQuery

• Mengubah teks & HTML
• Menambah elemen
• Menghapus elemen
• Mengubah CSS

12. Event & Efek pada jQuery

• Event jQuery (click, submit, dll)
• Efek:
  • hide() / show()
  • fadeIn() / fadeOut()
  • slideUp() / slideDown()
• Studi kasus:
  • toggle menu
  • notifikasi sederhana