Beginner · Level 4: JavaScript FundamentalsBeginner25 menitBahasa Indonesia

Apa Itu JavaScript di Browser?

Pahami peran JavaScript sebagai bahasa yang menambahkan behavior pada halaman web.

StatusMemuat progres

ProgresMemuat...

...

Memuat progres

Menyiapkan langkah berikutnya

Tujuan belajar

Memahami JavaScript sebagai bahasa untuk behavior halaman
Membedakan peran HTML, CSS, dan JavaScript saat halaman dipakai
Mengenali contoh keputusan kecil yang bisa ditangani JavaScript

JavaScriptBrowserWeb Fundamentals

Isi lesson

6 blok

1.
JavaScript membuat halaman meresponsBelum selesaiWajib
2.
Tiga peran tetap berbedaBelum selesaiWajib
3.
Contoh keputusan kecil dengan JavaScriptBelum selesaiWajib
4.
Jangan lompat langsung ke efek yang rumitBelum selesaiWajib
5.
Cek pemahamanBelum selesaiWajib
6.
RingkasanBelum selesaiWajib

JavaScript membuat halaman merespons

Wajib

Di Level 1 sampai Level 3, kamu sudah melihat HTML sebagai struktur dan CSS sebagai tampilan. JavaScript menambahkan behavior. Saat user klik tombol, mengisi form, membuka menu, menghitung total, atau melihat pesan error, JavaScript sering ikut bekerja di belakangnya.

Bagian ini memengaruhi progres lesson.

Tiga peran tetap berbeda

Wajib

HTML menjawab: apa isi halaman ini? CSS menjawab: bagaimana tampilannya? JavaScript menjawab: apa yang terjadi ketika data berubah atau user berinteraksi? Di awal Level 4, kamu belum langsung masuk ke interaksi DOM. Kamu mulai dari bahan paling kecil dulu: value, variable, function, keputusan, dan pengulangan.

Bagian ini memengaruhi progres lesson.

Contoh keputusan kecil dengan JavaScript

Wajib

const score = 85;

if (score >= 80) {
  console.log("Lanjut ke module berikutnya");
} else {
  console.log("Review dulu bagian yang belum kuat");
}

score adalah value angka yang disimpan di variable. if membuat keputusan sederhana. console.log menampilkan pesan untuk developer. Kamu akan belajar bagian-bagian ini pelan-pelan di module ini.

Bagian ini memengaruhi progres lesson.

Kesalahan umum

Wajib

Jangan lompat langsung ke efek yang rumit

Banyak pemula ingin langsung membuat menu, animasi, atau app interaktif. Itu nanti penting, tetapi JavaScript akan lebih mudah jika kamu paham dulu cara menyimpan value, membuat function, dan membaca alur keputusan sederhana.

Bagian ini memengaruhi progres lesson.

Cek pemahaman

WajibJawab dulu

Cek pemahaman singkat

Saat sebuah tombol perlu menampilkan pesan setelah diklik, bagian mana yang biasanya menangani behavior itu?

Progres lesson naik setelah jawaban benar.

Ringkasan

Wajib

JavaScript dipakai untuk behavior dan perubahan data di halaman.
HTML, CSS, dan JavaScript punya peran berbeda tetapi saling bekerja sama.
Sebelum DOM dan event, kamu perlu memahami value, variable, function, conditionals, dan loop.
Berikutnya, kamu mulai dari values dan variables.

Bagian ini memengaruhi progres lesson.

Langkah berikutnya

Selesaikan bagian penting lesson ini

Lanjutkan blok wajib berikutnya: JavaScript membuat halaman merespons.

Memuat progres Review module