Lompati ke konten utama
eLearner.app

Kursus interaktif

Kursus JavaScript

Pelajari JavaScript dari awal, dalam bahasa Inggris, dengan mesin yang menjalankan kode Anda langsung di browser.

01 · Modul 1 — Dasar-dasar bahasa

4 pelajaran

Landasannya: mendeklarasikan variabel, mengenali tipe, melakukan aritmatika dan mengambil keputusan.

  1. 1.1Variabel: let dan constMendeklarasikan nilai, memilih antara const dan let, memahami cakupan dasar.~8 min
  2. 1.2Tipe primitifstring, angka, boolean, null, tidak terdefinisi: elemen penyusun bahasa.~8 min
  3. 1.3OperatorAritmatika, perbandingan, logika boolean, dan prioritas operator.~10 min
  4. 1.4Kondisional: if, else, ternaryJalankan kode yang berbeda bergantung pada nilai ekspresi.~10 min

02 · Modul 2 — String dan angka

4 pelajaran

Dua jenis yang paling banyak digunakan: menulis teks dengan literal templat, memanipulasinya dengan metode string, melakukan aritmatika dengan angka, dan Matematika.

  1. 2.1String dan literal templatKutipan, escape, backticks, dan interpolasi `${...}` untuk membuat teks.~8 min
  2. 2.2Metode stringlength, toUpperCase, include, slice, split, replace: metode yang Anda gunakan setiap hari.~10 min
  3. 2.3Angka dan MatematikaBilangan bulat dan desimal, pembulatan, Math.min/max/round/floor/ceil, Math.random.~10 min
  4. 2.4Ketik konversiNumber, String, parseInt, parseFloat, toFixed dan kapan NaN menggigit Anda.~8 min

03 · Modul 3 — Array dan objek

4 pelajaran

Dua struktur data yang paling sering Anda gunakan: daftar terurut (array) dan peta nilai kunci (objek).

  1. 3.1Array: daftar yang diurutkanMembuat array, baca/tulis berdasarkan indeks, push/pop/shift/unshift, panjang.~10 min
  2. 3.2Objek: peta nilai kunciAkses literal, titik dan braket, menambah/menghapus properti.~10 min
  3. 3.3Merusak dan menyebarEkstrak beberapa nilai dalam satu baris; salin dan gabungkan array dan objek dengan `...`.~12 min
  4. 3.4Mengulangi koleksiuntuk…dari pada array, untuk…pada objek, Object.keys/values/entries.~10 min

04 · Modul 4 — Fungsi

4 pelajaran

Pecahkan program Anda menjadi bagian-bagian yang dapat digunakan kembali: deklarasikan program tersebut, tuliskan secara ringkas dengan panah, berikan parameter yang fleksibel, dan pahami penutupannya.

  1. 4.1Mendeklarasikan suatu fungsideklarasi fungsi vs ekspresi fungsi, parameter, pengembalian.~10 min
  2. 4.2Fungsi panahSintaks `=>` yang ringkas, isi vs blok yang ringkas, pengembalian implisit.~10 min
  3. 4.3Parameter default dan sisanyaNilai default, `...rest` untuk jumlah argumen variabel, tersebar di situs panggilan.~12 min
  4. 4.4Penutupan dan ruang lingkupFungsi yang mengingat lingkungannya: penghitung, pabrik, rantai cakupan.~12 min

05 · Modul 5 - Aliran kontrol

4 pelajaran

Ulangi, lompat, tangani kesalahan: konstruksi yang memberi kode Anda kemampuan untuk bereaksi terhadap data dan masalah.

  1. 5.1Loop: untuk dan sementaraklasik untuk, sementara, lakukan…sementara: ulangi sampai suatu kondisi.~10 min
  2. 5.2untuk…dari dan untuk…diIterasi nilai koleksi vs kunci suatu objek. Kapan menggunakan yang mana.~10 min
  3. 5.3istirahat dan lanjutkanKeluar dari perulangan lebih awal, atau lompat ke perulangan berikutnya.~10 min
  4. 5.4coba / tangkap / lemparAngkat dan tangkap kesalahan, pisahkan aliran normal dari aliran luar biasa.~12 min

06 · Modul 6 — Metode array fungsional

4 pelajaran

Metode yang mengubah array: memetakan untuk mengubah setiap elemen, memfilter untuk memilih, mengurangi menjadi agregat, menemukan/beberapa/setiap untuk mencari, mengurutkan berdasarkan urutan.

  1. 6.1peta dan filterTransformasikan setiap elemen (peta) dan pilih subset (filter).~10 min
  2. 6.2mengurangiGabungkan array menjadi satu nilai: jumlah, jumlah, peta.~12 min
  3. 6.3temukan, beberapa, setiapTemukan yang pertama, periksa apakah setidaknya satu atau semua memenuhi predikat.~10 min
  4. 6.4mengurutkanMengurutkan array dengan pembanding; pengurutan stabil, menyalin melalui toSorted.~12 min

07 · Modul 7 — Asinkron

4 pelajaran

Kode yang menunggu: Janji, async/menunggu, simulasi panggilan jaringan (pengambilan) dan penanganan kesalahan asinkron.

  1. 7.1Janji: apa adanyastatus tertunda/terpenuhi/ditolak, .then/.catch, Promise.resolve dan tolak.~12 min
  2. 7.2async / menungguTulis kode asinkron yang berbunyi seperti kode sinkron.~12 min
  3. 7.3ambil (simulasi)Panggil titik akhir, baca JSON, buat hasil dengan Promise.all.~14 min
  4. 7.4Kesalahan dalam kode asinkroncoba/tangkap menunggu, .catch pada Promises, kegagalan di Promise.all.~12 min

08 · Modul 8 — Latihan dan komposisi

4 pelajaran

Gabungkan semua bagian: atur kode dalam modul, parsing CSV, validasi data masukan, dan jadwalkan tugas dengan Promises.

  1. 8.1Modul ESM: impor / eksporPisahkan kode menjadi file dan buat perpustakaan dengan ekspor dan impor (konsep).~12 min
  2. 8.2Tantangan: pengurai CSVUbah string CSV menjadi array objek menggunakan pemisahan, peta, dan destrukturisasi.~15 min
  3. 8.3Tantangan: validator dataValidasi objek dengan aturan yang dapat disusun dan kumpulkan semua kesalahan.~15 min
  4. 8.4Tantangan: penjadwalan dengan PromisesJalankan tugas secara seri, paralel, dan dengan batas konkurensi.~15 min