Langkau ke kandungan
WANCODE
EN

▍Belajar / JavaScript

Hidupkan Laman Web

Pelajari asas pengaturcaraan dengan JavaScript: nilai, syarat, function, array, objek dan loop — kemudian guna DOM dan event untuk membina kalkulator interaktif.

12 pelajaran diterbitkan 3.1 jamPemula

Mula laluan ini

Percuma untuk bermula. Tiada pendaftaran.

  1. 01Apa Itu JavaScript?Kenali bahasa yang membuatkan laman web boleh bertindak: sambungkan skrip, cetak ke konsol, tulis komen dan baca mesej ralat pertama anda.
  2. 02Variable dan Jenis DataSimpan nilai dalam kotak bernama dengan let dan const, kenali lima jenis data asas, dan guna typeof untuk semak apa yang anda pegang.
  3. 03Nombor dan OperatorBuat kira-kira sebenar dengan JavaScript: susunan operator, baki, += dan ++, NaN, kejutan 0.1 + 0.2, dan memaparkan amaun Ringgit dengan betul.
  4. 04String dan TemplatBekerja dengan teks: tanda petikan, mencantum string, template literal, dan method harian length, toUpperCase, includes, slice dan trim.
  5. 05Syarat: Membuat KeputusanAjar kod anda membuat pilihan: banding nilai dengan ===, bercabang dengan if / else if / else, gabung syarat dengan && || !, dan kenali truthy, falsy dan ternary.
  6. 06FunctionBungkus arahan ke dalam function yang boleh diguna semula: parameter dan argumen, return vs console.log, arrow function dan asas skop.
  7. 07Array: Menyimpan Senarai BendaSimpan banyak nilai dalam satu variable, baca menggunakan index, tambah dan buang item, dan ubah seluruh senarai dengan map dan filter.
  8. 08Object: Mengumpulkan Data yang BerkaitanGambarkan benda sebenar dengan object: baca property dengan notasi titik dan kurungan, susun data bersarang, dan urus array berisi object.
  9. 09Loop: Ulang Tanpa Salin-TampalUlang kerja dengan loop for, for...of dan while, kawal dengan break dan continue, dan belajar mengesan (serta membaiki) infinite loop.
  10. 10Memahami DOM: JavaScript Bertemu HalamanLihat halaman sebagai pokok object, kemudian cari elemen, ubah teks dan class-nya, dan cipta elemen baharu — dengan selamat.
  11. 11Event: Menjadikan Halaman Bertindak Balas kepada PenggunaDengar klik, taipan dan penghantaran borang, baca object event, halang borang daripada memuat semula halaman, dan guna bubbling untuk mengurus banyak elemen dengan satu listener.
  12. 12Bina Kalkulator InteraktifGabungkan semuanya: simpan state dalam variable, asingkan logik daripada halaman, sambungkan butang, kendalikan pembahagian dengan sifar dan tambah sokongan papan kekunci.