Lewati ke konten utama
pelatihan
.org
Belajar. Praktik. Berkembang.
Kategori
ID
Masuk
Daftar
Menu
Kurikulum JavaScript: 6 Bab, 47 Lesson — pelatihan.org
Beranda
/
Katalog
/
JavaScript
/
Kurikulum
Kurikulum
Kurikulum JavaScript
Belajar JavaScript online lewat 47 lesson terstruktur, contoh kode, dan 235 soal kuis.
47 lesson
6 bab
235 soal
Ringkasan dan poin kunci bisa dilihat gratis. Materi lengkap, contoh kode, dan kuis memerlukan langganan.
01
JS Tutorial
29 lesson
01
JS Introduction
JavaScript adalah bahasa pemrograman scripting yang membuat halaman web menjadi interaktif, misalnya tombol yang merespons klik atau form yang memvalidasi input. Kode JavaScript…
02
JS Where To
JavaScript bisa ditulis langsung di dalam HTML menggunakan tag <script> atau dipisah ke file berekstensi .js yang dimuat dengan atribut src. Pemisahan kode eksternal membuat file…
03
JS Output
JavaScript menyediakan beberapa cara menampilkan hasil, mulai dari console.log() untuk debugging hingga document.write() yang menulis langsung ke halaman. Hasil juga bisa…
04
JS Syntax
Sintaks JavaScript adalah aturan penulisan kode yang harus dipatuhi agar program berjalan, misalnya penggunaan tanda kurung, kurung kurawal, dan titik koma. JavaScript bersifat…
05
JS Operators
Operator JavaScript dipakai untuk menghitung, membandingkan, dan menggabungkan nilai, mulai dari aritmetika (+, -, *, /) hingga logika (&&, ||, !). Operator perbandingan…
06
JS If Conditions
Struktur if digunakan untuk menjalankan blok kode hanya ketika suatu kondisi bernilai true. JavaScript menyediakan if tunggal, else if untuk menguji beberapa kondisi berurutan,…
07
JS Loops
Loop dipakai untuk mengulang blok kode tanpa menulisnya berkali-kali. JavaScript mengenal for untuk perulangan dengan penghitung, while untuk perulangan berdasarkan kondisi, dan…
08
JS Strings
String adalah tipe data untuk teks dan selalu ditulis di dalam tanda kutip atau backtick. String bersifat immutable, artinya tidak bisa diubah di tempat, sehingga setiap operasi…
09
JS Numbers
JavaScript memiliki satu tipe utama untuk angka yaitu number yang mencakup bilangan bulat maupun desimal. Selain itu ada BigInt untuk angka yang melebihi batas number dan…
10
JS Functions
Fungsi adalah blok kode bernama yang bisa dipanggil berkali-kali sehingga program lebih rapi dan tidak duplikatif. Sebuah fungsi menerima parameter sebagai input dan dapat…
11
JS Timers
JavaScript menyediakan timer untuk menjalankan kode setelah jeda tertentu dengan setTimeout atau secara berulang dengan setInterval. Keduanya bekerja secara asynchronous…
12
JS Objects
Object adalah struktur data yang menyimpan pasangan properti bernilai dalam satu variabel, sehingga data sehubungan bisa dikelompokkan. Properti diakses lewat dot notation…
13
JS Scope
Scope menentukan di mana sebuah variabel bisa diakses. JavaScript modern memakai let dan const yang bersifat block scope, serta var yang bersifat function scope dan di-hoisting…
14
JS Dates
Objek Date digunakan untuk menyimpan dan mengolah tanggal serta waktu, dibuat dengan new Date(). Objek ini menyediakan method untuk membaca bagian tanggal seperti getFullYear,…
15
JS Arrays
Array adalah struktur data terurut yang menyimpan banyak nilai dalam satu variabel dan diakses lewat indeks yang dimulai dari 0. Array sangat fleksibel karena boleh berisi…
16
JS Sets
Set adalah koleksi nilai unik, sehingga menyimpan data ganda otomatis dibuang saat pembuatan maupun penambahan. Set menyediakan method add, delete, has, dan clear, serta properti…
17
JS Maps
Map adalah koleksi pasangan key-value seperti objek biasa, tetapi key-nya boleh bertipe apa pun termasuk objek, fungsi, dan array. Map juga menyimpan urutan penyisipan dan…
18
JS Iterations
Selain for dan while klasik, JavaScript modern menyediakan banyak cara iterasi untuk bekerja dengan array dan koleksi. Metode tingkat tinggi seperti forEach, map, filter, reduce,…
19
JS Math
Objek Math adalah kumpulan properti dan method statis untuk keperluan matematika seperti pembulatan, akar, pangkat, dan angka acak. Method-nya dipakai langsung tanpa membuat…
20
JS RegExp
Regular expression (regex) adalah pola karakter untuk mencari, mengecek, dan mengganti teks secara fleksibel. Di JavaScript regex bisa ditulis sebagai literal seperti /belajar/i…
21
JS Data Types
JavaScript memiliki tipe data primitif seperti string, number, boolean, undefined, null, symbol, dan bigint, serta tipe object yang mencakup array, fungsi, dan objek biasa.…
22
JS Errors
JavaScript bisa menghentikan program ketika menemukan kesalahan, misalnya SyntaxError karena sintaks salah atau ReferenceError karena variabel belum dideklarasikan. Blok…
23
JS Debugging
Debugging adalah proses menemukan dan memperbaiki kesalahan dalam kode, dimulai dari membaca pesan error di console hingga memakai breakpoint pada browser DevTools. Pernyataan…
24
JS Style Guide
Style guide JavaScript adalah kesepakatan penulisan kode yang membuat program mudah dibaca dan dijaga oleh banyak orang dalam satu tim. Konvensi umum meliputi penamaan camelCase,…
25
JS Projects
Proyek kecil seperti counter membantu menggabungkan konsep DOM, event, dan state dalam satu program yang nyata. Alurnya sederhana: membaca nilai saat ini, memperbaruinya ketika…
26
JS Versions
JavaScript berkembang mengikuti spesifikasi ECMAScript yang dirilis secara berkala setiap tahun. Rilis besar seperti ES6 (ES2015) memperkenalkan let, const, arrow function, dan…
27
JS HTML DOM
DOM (Document Object Model) adalah pohon representasi objek dari seluruh elemen HTML yang bisa dibaca dan diubah oleh JavaScript. Melalui objek document kita bisa memilih elemen…
28
JS HTML Events
Event adalah sinyal yang diberikan browser ketika terjadi sesuatu, misalnya pengguna mengklik tombol, mengetik di input, atau halaman selesai dimuat. JavaScript menangkap event…
29
JS HTML First
Pertama kali belajar JavaScript berarti memahami cara menempatkan kode ke dalam dokumen HTML dengan tag <script>. Browser membaca script dari atas ke bawah, sehingga penempatan…
02
JS Web API
4 lesson
01
JS Window API
Objek window mewakili jendela tempat seluruh kode JavaScript di browser berjalan, sehingga variabel global pada dasarnya menjadi properti window. Window menyediakan banyak API…
02
JS Fetch API
Fetch API adalah cara modern melakukan request HTTP dari browser ke server, seperti mengambil data JSON atau mengirim form. Fetch berbasis Promise sehingga bisa ditulis dengan…
03
JS JSON
JSON (JavaScript Object Notation) adalah format teks standar untuk bertukar data antara browser dan server, mirip objek JavaScript tetapi dengan aturan lebih ketat.…
04
JS Web API
Web API adalah fitur bawaan browser yang disediakan dalam bentuk objek dan fungsi agar JavaScript bisa berinteraksi dengan lingkungan sekitarnya. Contohnya localStorage untuk…
03
JS Advanced
10 lesson
01
JS Temporal
Temporal adalah objek global modern untuk menangani tanggal, waktu, durasi, dan zona waktu secara akurat dan aman, dirancang sebagai pengganti objek Date yang sudah tua. Temporal…
02
JS Functions
Pada tingkat lanjut, fungsi diperlakukan sebagai nilai pertama: bisa disimpan dalam variabel, dikirim sebagai argumen, bahkan dikembalikan oleh fungsi lain. Konsep closure…
03
JS Objects
Objek JavaScript memiliki kemampuan lanjutan seperti getter dan setter untuk mengontrol pembacaan dan penulisan properti, serta method bawaan Object.keys, values, dan entries…
04
JS Classes
Class adalah cara modern menyusun blueprint objek dalam JavaScript, memadukan constructor, properti, dan method dalam satu tempat. Class mendukung pewarisan dengan extends dan…
05
JS Asynchronous
JavaScript berjalan secara single-threaded namun mampu menangani pekerjaan asynchronous berkat event loop. Callback, Promise, dan async/await adalah tiga gaya menulis kode yang…
06
JS Modules
Modulus memungkinkan kode JavaScript dipecah menjadi beberapa file sehingga lebih terorganisasi dan mudah diuji. Ekspor dilakukan dengan export, baik named export maupun default…
07
JS Meta & Proxy
Meta programming adalah teknik menulis kode yang bekerja pada kode lain, dan di JavaScript diwakili oleh Proxy serta Reflect. Proxy membungkus objek untuk memantau operasi dasar…
08
JS Typed Arrays
Typed array adalah array khusus berisi angka dengan tipe data dan panjang yang tetap, dirancang untuk memproses data biner secara efisien. Berbeda dengan array biasa, typed array…
09
JS DOM Navigation
DOM navigation adalah keterampilan berpindah antar elemen dalam pohon HTML, misalnya menuju induk, anak, maupun saudara sejajar. JavaScript menyediakan properti seperti…
10
JS Graphics
Grafis di web umumnya dibuat dengan elemen <canvas> untuk menggambar piksel secara programatis atau SVG untuk bentuk vektor yang diskalakan. Melalui canvas, JavaScript memanggil…
04
Old Technologies
3 lesson
01
JS AJAX
AJAX (Asynchronous JavaScript And XML) adalah teknik mengirim dan menerima data ke server tanpa memuat ulang seluruh halaman. Secara historis diimplementasikan dengan objek…
02
JS jQuery
jQuery adalah library JavaScript legendaris yang mempermudah pemilihan elemen, penanganan event, animasi, dan AJAX lewat sintaks singkat $(). Selektornya mengikuti aturan CSS…
03
JS JSONP
JSONP (JSON with Padding) adalah teknik lama untuk mengambil data dari domain lain pada era sebelum CORS tersedia, dengan memuat tag <script> yang URL-nya menyertakan nama…
05
JS Examples
1 lesson
01
JS Examples
Halaman contoh berisi kumpulan potongan kode praktis yang bisa langsung dicoba untuk memperkuat pemahaman setelah mempelajari teori. Dari kalkulator sederhana, validasi form,…