Video Online

Kelas Coding Javascript DOM

Yuk, pahami potensi penuh Javascript dalam pembuatan website dengan mempelajari DOM (Document Object Model), fondasi penting dalam pengembangan web interaktif! Dalam kelas ini, kamu akan mempelajari bagaimana cara memanipulasi elemen HTML menggunakan Javascript, menciptakan interaksi dinamis yang memperkaya pengalaman pengguna (user experience).

 

 

In-house Training
Metode

Self-guided Learning

Disertifikasi oleh

Kuncie

Pelaksanaan

Kapan Saja

Rp 70.000

Belum termasuk pajak
Beli

Solusi

Yang akan kamu pelajari:

  1. Memahami dasar-dasar DOM dan perannya dalam web development

  2. Teknik menyeleksi elemen HTML untuk pengolahan data

  3. Cara memanipulasi elemen HTML secara langsung dengan Javascript

  4. Penerapan event handling untuk menciptakan interaksi pengguna yang responsif

  5. Menyelesaikan proyek akhir yang menggabungkan semua konsep DOM

Kelas ini cocok untuk:

  • Freelancer yang ingin berkecimpung di layanan jasa berbasis website

  • Mahasiswa/i dan fresh graduate IT yang ingin meningkatkan kompetensinya pada front-end website

  • Pelajar SMK / SMA yang ingin belajar pembuatan front-end website

  • Karyawan perusahaan yang membutuhkan front-end website pada perusahaannya

 

Benefit

Yang akan kamu dapatkan:

🎬 2 jam 30 menit modul video pembelajaran

💻 Akses lifetime untuk seluruh materi pembelajaran

📜 Sertifikat

Mentor

Mentor Image

Rakryan Vocational Education and Training

Perusahaan Edukasi

Materi Kelas

  • DOM Introduction
    2:57
  • Hirarki DOM Tree
    3:22
  • Struktur DOM Tree
    3:01
  • Node list, dan HTML Collection
    5:24

  • DOM Selection
    4:48
  • DOM Selection By Id
    4:42
  • DOM Selection By Class Name
    30:00
  • DOM Selection By Tag Name
    3:16
  • Query Selector
    4:39
  • Query selector All
    4:53

  • DOM Manipulation
    3:22
  • Text Manipulation
    5:11
  • Style Manipulation
    3:46
  • Attribut Manipulation
    4:41
  • Class Manipulation
    8:04

  • Event Javascript
    9:05
  • Event Click, Submit, dan preventDefault()
    9:23
  • Create Element dan Create Text Node
    7:22
  • Append Child dan Append
    6:16
  • InsertBefore
    4:19
  • ReplaceChild
    2:00
  • Event KeyUp, KeyDown
    4:02
  • MouseOver
    2:35
  • Event Input dan Change
    6:43
  • Remove Child (Membuat Fungsi Hapus Tugas)
    7:59

  • Membuat Fungsi Tugas Selesai
    11:31
  • Melengkapi fitur todolist
    18:55

  • Final Quiz - Javascript DOM
    0:00