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
Landasannya: mendeklarasikan variabel, mengenali tipe, melakukan aritmatika dan mengambil keputusan.
- 1.1Variabel: let dan constMendeklarasikan nilai, memilih antara const dan let, memahami cakupan dasar.~8 min
- 1.2Tipe primitifstring, angka, boolean, null, tidak terdefinisi: elemen penyusun bahasa.~8 min
- 1.3OperatorAritmatika, perbandingan, logika boolean, dan prioritas operator.~10 min
- 1.4Kondisional: if, else, ternaryJalankan kode yang berbeda bergantung pada nilai ekspresi.~10 min
02 · Modul 2 — String dan angka
Dua jenis yang paling banyak digunakan: menulis teks dengan literal templat, memanipulasinya dengan metode string, melakukan aritmatika dengan angka, dan Matematika.
- 2.1String dan literal templatKutipan, escape, backticks, dan interpolasi `${...}` untuk membuat teks.~8 min
- 2.2Metode stringlength, toUpperCase, include, slice, split, replace: metode yang Anda gunakan setiap hari.~10 min
- 2.3Angka dan MatematikaBilangan bulat dan desimal, pembulatan, Math.min/max/round/floor/ceil, Math.random.~10 min
- 2.4Ketik konversiNumber, String, parseInt, parseFloat, toFixed dan kapan NaN menggigit Anda.~8 min
03 · Modul 3 — Array dan objek
Dua struktur data yang paling sering Anda gunakan: daftar terurut (array) dan peta nilai kunci (objek).
- 3.1Array: daftar yang diurutkanMembuat array, baca/tulis berdasarkan indeks, push/pop/shift/unshift, panjang.~10 min
- 3.2Objek: peta nilai kunciAkses literal, titik dan braket, menambah/menghapus properti.~10 min
- 3.3Merusak dan menyebarEkstrak beberapa nilai dalam satu baris; salin dan gabungkan array dan objek dengan `...`.~12 min
- 3.4Mengulangi koleksiuntuk…dari pada array, untuk…pada objek, Object.keys/values/entries.~10 min
04 · Modul 4 — Fungsi
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.
- 4.1Mendeklarasikan suatu fungsideklarasi fungsi vs ekspresi fungsi, parameter, pengembalian.~10 min
- 4.2Fungsi panahSintaks `=>` yang ringkas, isi vs blok yang ringkas, pengembalian implisit.~10 min
- 4.3Parameter default dan sisanyaNilai default, `...rest` untuk jumlah argumen variabel, tersebar di situs panggilan.~12 min
- 4.4Penutupan dan ruang lingkupFungsi yang mengingat lingkungannya: penghitung, pabrik, rantai cakupan.~12 min
05 · Modul 5 - Aliran kontrol
Ulangi, lompat, tangani kesalahan: konstruksi yang memberi kode Anda kemampuan untuk bereaksi terhadap data dan masalah.
- 5.1Loop: untuk dan sementaraklasik untuk, sementara, lakukan…sementara: ulangi sampai suatu kondisi.~10 min
- 5.2untuk…dari dan untuk…diIterasi nilai koleksi vs kunci suatu objek. Kapan menggunakan yang mana.~10 min
- 5.3istirahat dan lanjutkanKeluar dari perulangan lebih awal, atau lompat ke perulangan berikutnya.~10 min
- 5.4coba / tangkap / lemparAngkat dan tangkap kesalahan, pisahkan aliran normal dari aliran luar biasa.~12 min
06 · Modul 6 — Metode array fungsional
Metode yang mengubah array: memetakan untuk mengubah setiap elemen, memfilter untuk memilih, mengurangi menjadi agregat, menemukan/beberapa/setiap untuk mencari, mengurutkan berdasarkan urutan.
- 6.1peta dan filterTransformasikan setiap elemen (peta) dan pilih subset (filter).~10 min
- 6.2mengurangiGabungkan array menjadi satu nilai: jumlah, jumlah, peta.~12 min
- 6.3temukan, beberapa, setiapTemukan yang pertama, periksa apakah setidaknya satu atau semua memenuhi predikat.~10 min
- 6.4mengurutkanMengurutkan array dengan pembanding; pengurutan stabil, menyalin melalui toSorted.~12 min
07 · Modul 7 — Asinkron
Kode yang menunggu: Janji, async/menunggu, simulasi panggilan jaringan (pengambilan) dan penanganan kesalahan asinkron.
- 7.1Janji: apa adanyastatus tertunda/terpenuhi/ditolak, .then/.catch, Promise.resolve dan tolak.~12 min
- 7.2async / menungguTulis kode asinkron yang berbunyi seperti kode sinkron.~12 min
- 7.3ambil (simulasi)Panggil titik akhir, baca JSON, buat hasil dengan Promise.all.~14 min
- 7.4Kesalahan dalam kode asinkroncoba/tangkap menunggu, .catch pada Promises, kegagalan di Promise.all.~12 min
08 · Modul 8 — Latihan dan komposisi
Gabungkan semua bagian: atur kode dalam modul, parsing CSV, validasi data masukan, dan jadwalkan tugas dengan Promises.
- 8.1Modul ESM: impor / eksporPisahkan kode menjadi file dan buat perpustakaan dengan ekspor dan impor (konsep).~12 min
- 8.2Tantangan: pengurai CSVUbah string CSV menjadi array objek menggunakan pemisahan, peta, dan destrukturisasi.~15 min
- 8.3Tantangan: validator dataValidasi objek dengan aturan yang dapat disusun dan kumpulkan semua kesalahan.~15 min
- 8.4Tantangan: penjadwalan dengan PromisesJalankan tugas secara seri, paralel, dan dengan batas konkurensi.~15 min