0Pricing
JavaScript Academy icon

JavaScript Academy

JAVASCRIPTWebFrontendBackendBeginnerScripting

Buka potensi interaktivitas web dengan mempelajari JavaScript di JavaScript Academy.

🤖 Bertenaga AI📚 59 kursus👥 100.000+ pelajar⭐ Rating 4,9
Ringkasan Kursus

JavaScript: Bahasa yang Menjalankan Web

JavaScript adalah satu-satunya bahasa pemrograman yang berjalan secara native di setiap browser — dan dengan Node.js, ia juga berjalan di server. Ia mengontrol segalanya mulai dari klik tombol dan validasi form hingga aliran data real-time dan aplikasi web yang mampu offline. Track ini membangun pemahaman yang ketat dan lengkap tentang bahasa: dari nilai dan tipe data hingga event loop, Web Workers, dan Service Workers.

Yang Akan Anda Pelajari

Anda akan mulai dengan variabel, scope, aliran kontrol, dan tipe data inti, kemudian berkembang ke manipulasi DOM, event delegation, dan Fetch API untuk permintaan HTTP. Lebih dalam dalam track, Anda akan bekerja melalui closures dan module pattern, pola pemrograman fungsional, currying dan function composition, serta JavaScript asinkron — callbacks, Promises, microtasks, dan async/await. Browser APIs yang dicakup termasuk localStorage, IndexedDB, Canvas API, WebSockets, Web Components, Intersection Observer, dan Streams API. Kursus lanjutan membahas event loop secara mendalam, Proxy dan Reflect, Web Workers, Service Workers dan offline caching, iterators dan generators, serta optimasi performa dan manajemen memori.

Jalur Pembelajaran

Enam puluh delapan kursus aktif mencakup dari A1 hingga C1. Blok A1 mencakup dasar-dasarnya: nilai dan tipe data, variabel dan scope, array dan objek, serta aliran kontrol. A2 membangun di atas itu dengan template literals, optional chaining, fungsi dan this, penanganan error, dan objek Date. B1 memperkenalkan lingkungan browser — DOM traversal, event handling, Fetch API, destructuring, higher-order array methods, dan classes. B2 lebih luas: pola fungsional, pola asinkron, Maps dan Sets, Regex, Web Components, modules, packaging, dan dasar-dasar testing. Blok C1 diselesaikan dengan The Event Loop Deep Dive, Proxy and Reflect, Web Workers and Multithreading, Service Workers and Offline Caching, Iterators and Generators, dan Defensive JS.

Cara Kerjanya

Setiap kursus dibagi menjadi pelajaran-pelajaran singkat dan terfokus yang Anda selesaikan di editor kode bawaan dengan feedback real-time. Seorang tutor AI tersedia kapan saja Anda terjebak, dan perkembangan terstruktur sehingga setiap konsep hanya muncul setelah prasyaratnya solid.

Mulai Belajar →

Cara Kamu Belajar

🎯
Pelajaran Interaktif
Latihan koding langsung dengan umpan balik real-time
🤖
AI Tutor
Dapatkan bantuan instan dari AI kami saat kamu stuck
💻
Editor Bawaan
Tulis dan jalankan kode langsung di browser kamu
🏆
Sertifikat
Raih sertifikat saat kamu menyelesaikan kursus
Kurikulum

59 Kursus

Setiap kursus di jalur belajar JavaScript Academy.

01

Selamat Datang di JavaScript

A13 pelajaran

Pahami apa itu JavaScript, mengapa bahasa pemrograman ini paling populer di dunia, dan berbagai hal luar biasa yang dapat Anda bangun denga…

02

Pengantar JavaScript

A11 pelajaranPRO

Mulailah perjalanan Anda dalam pemrograman melalui kursus Pengantar JavaScript untuk Pemula. Kursus komprehensif ini memperkenalkan bahasa…

03

Memulai JS: Konsep & Penyiapan

A13 pelajaranPRO

Mulai mempelajari JavaScript dengan cara yang tepat: apa itu JS, cara mesin menjalankannya, tempat menjalankannya (peramban vs Node), serta…

04

Dasar-Dasar Nilai & Tipe

A13 pelajaranPRO

Kuasai nilai dan tipe JS: primitif vs objek, typeof , serta primitif inti (angka, bigint, string, boolean, null, undefined, simbol).

05

Variabel & Cakupan

A13 pelajaranPRO

Pahami deklarasi variabel ( let , const , dan var lama), cakupan blok vs fungsi, serta zona mati temporal untuk kode yang lebih aman.

06

Dasar-Dasar Alur Kontrol

A13 pelajaranPRO

Alur kontrol inti: if/else , else if , dan switch dengan pola yang jelas dan mudah dipahami pemula.

07

Array & Objek (Pengantar)

A12 pelajaranPRO

Gunakan array dan objek: buat, baca, perbarui, hapus; lakukan iterasi dengan for…of/forEach; dan akses properti dengan aman.

08

Perantaian Opsional dan Penggabungan Nullish

A24 pelajaranPRO

Tulis JavaScript yang ringkas dan aman terhadap null dengan perantaian opsional dan penggabungan nullish.

09

Literal Templat dan Templat Bertanda

A24 pelajaranPRO

Bangun string dinamis dan buat fungsi templat bertanda yang andal.

10

Objek Date dan Pemformatan

A24 pelajaranPRO

Bekerjalah dengan tanggal dan waktu di JavaScript, lalu format untuk pengguna.

11

Konsol, Penelusuran Kesalahan, dan DevTools

A24 pelajaranPRO

Diagnosis dan perbaiki JavaScript menggunakan metode konsol, titik henti, dan DevTools peramban.

12

Fungsi & This (Pengantar)

A23 pelajaranPRO

Pelajari deklarasi fungsi vs ekspresi, dasar fungsi panah, dan kapan setiap bentuk berguna untuk kode yang rapi dan mudah dipahami pemula.

13

String, Angka & Tanggal

A23 pelajaranPRO

Gunakan string, angka, dan tanggal: literal templat, metode string umum, pembulatan yang aman, serta penggunaan dasar Date.

14

Dasar-Dasar Penanganan Kesalahan

A22 pelajaranPRO

Tangani kesalahan dengan aman menggunakan try/catch/finally , throw pesan yang bermakna, dan buat kesalahan kustom kecil untuk alur kontrol…

15

Pemilihan dan Penelusuran DOM

B14 pelajaranPRO

Temukan dan telusuri elemen pada halaman web menggunakan API pemilihan dan penelusuran DOM modern.

16

Memanipulasi Elemen DOM

B14 pelajaranPRO

Buat, perbarui, dan hapus elemen halaman beserta kontennya secara dinamis menggunakan JavaScript.

17

Menangani Peristiwa

B14 pelajaranPRO

Tanggapi interaksi pengguna dengan pendengar peristiwa, objek peristiwa, dan pengendalian peristiwa.

18

Formulir dan Penanganan Masukan

B14 pelajaranPRO

Baca, validasi, dan tanggapi masukan pengguna dari formulir HTML dengan JavaScript.

19

Koersi Tipe dan Aturan Kesetaraan

B14 pelajaranPRO

Kuasai aturan koersi JavaScript, nilai truthy, serta perbedaan antara == dan ===.

20

Delegasi dan Propagasi Peristiwa

B14 pelajaranPRO

Tangani peristiwa secara efisien dalam skala besar menggunakan fase penangkapan dan penggelembungan serta delegasi.

21

Fetch API dan Permintaan HTTP

B14 pelajaranPRO

Berkomunikasilah dengan server menggunakan Fetch API, promise, dan penanganan kesalahan yang tepat.

22

Penyimpanan Web: localStorage dan sessionStorage

B14 pelajaranPRO

Pertahankan data di peramban dengan Web Storage API dan pahami keterbatasannya.

23

FormData dan Penanganan File

B14 pelajaranPRO

Bekerjalah dengan file, blob, dan data formulir multipart untuk mengunggah dan mengunduh di peramban.

24

Destrukturisasi & Rest/Spread

B12 pelajaranPRO

Kuasai destrukturisasi array dan objek untuk penugasan yang lebih rapi, nilai bawaan, penggantian nama, dan pola kecil seperti pertukaran n…

25

Metode Orde Tinggi & Array

B12 pelajaranPRO

Gunakan metode array orde tinggi untuk menulis kode yang jelas dan mudah dipahami pemula: mulai dengan map dan filter , lalu pelajari cara…

26

Objek & Prototipe (Pengantar)

B12 pelajaranPRO

Pahami rantai prototipe, properti milik sendiri vs warisan, Object.create untuk prototipe sederhana, serta deskriptor properti dasar.

27

Pengatur Waktu & Penjadwalan

B13 pelajaranPRO

Gunakan pengatur waktu dengan aman: setTimeout , setInterval , dan penjadwalan yang memperhitungkan pergeseran waktu untuk aplikasi yang le…

28

JSON & Serialisasi

B13 pelajaranPRO

Gunakan JSON dengan aman: JSON.stringify / JSON.parse , replacer / reviver opsional, serta kiat keamanan kecil untuk pemula.

29

Kelas & Pewarisan

B13 pelajaranPRO

Gunakan kelas modern dengan aman: bidang publik, bidang privat # , dan anggota statis . Contoh sederhana yang mudah dipahami pemula.

30

Simbol dan Penggunaannya

B24 pelajaranPRO

Buat pengenal unik dan sesuaikan perilaku objek dengan simbol dan simbol yang telah dikenal.

31

Pola Pemrograman Fungsional

B24 pelajaranPRO

Tulis JavaScript yang lebih bersih dengan fungsi murni, imutabilitas, dan transformasi data deklaratif.

32

Closure dan Pola Modul

B24 pelajaranPRO

Gunakan closure untuk mengenkapsulasi keadaan dan membangun JavaScript yang modular serta privat.

33

Currying dan Komposisi Fungsi

B24 pelajaranPRO

Bangun logika yang fleksibel dan dapat digunakan kembali dengan melakukan currying pada fungsi dan menyusunnya bersama.

34

Imutabilitas dan Pembekuan Objek

B24 pelajaranPRO

Lindungi data dari perubahan yang tidak diinginkan dengan Object.freeze dan pola pembaruan imutabel.

35

Callback, Promise, Microtask

B23 pelajaranPRO

Pahami loop peristiwa langkah demi langkah: kode sinkron, antrean tugas (setTimeout), antrean microtask (Promise/queueMicrotask), dan atura…

36

async/await dalam Praktik

B23 pelajaranPRO

Tulis dan gunakan async/await : buat fungsi asinkron, tangani kesalahan dengan try/catch, dan pilih antara eksekusi berurutan atau paralel.

37

Map, Set & Koleksi Lemah

B23 pelajaranPRO

Pelajari Map dan Set untuk penanganan data yang lebih jelas: pencarian kunci→nilai, keunikan, dan pola kecil sehari-hari.

38

Regex & Pemrosesan Teks

B23 pelajaranPRO

Pelajari ekspresi reguler yang mudah dipahami pemula: buat pola, uji string, gunakan jangkar, dan terapkan flag yang bermanfaat untuk tugas…

39

Komponen Web dan Elemen Kustom

B24 pelajaranPRO

Bangun komponen UI yang dapat digunakan kembali dan terenkapsulasi dengan elemen kustom dan shadow DOM.

40

Intersection Observer API

B24 pelajaranPRO

Deteksi saat elemen memasuki area pandang untuk pemuatan lambat, gulir tak terbatas, dan animasi.

41

Penyimpanan Klien IndexedDB

B24 pelajaranPRO

Simpan data besar dan terstruktur di peramban dengan basis data transaksional IndexedDB.

42

Canvas API

B24 pelajaranPRO

Gambar grafik, bentuk, dan citra secara terprogram dengan canvas HTML dan konteks 2D-nya.

43

WebSockets di Peramban

B24 pelajaranPRO

Bangun komunikasi dua arah waktu nyata antara peramban dan server dengan WebSockets.

44

Drag and Drop API

B24 pelajaranPRO

Implementasikan interaksi seret dan lepas yang intuitif menggunakan Drag and Drop API bawaan HTML.

45

Internasionalisasi dengan Intl

B24 pelajaranPRO

Format angka, tanggal, mata uang, dan teks untuk lokal apa pun dengan API Intl bawaan.

46

Modul: ESM vs CommonJS

B23 pelajaranPRO

Pahami modul JavaScript: impor/ekspor ESM, default vs bernama, dan sedikit pengenalan tentang interoperabilitas CommonJS. Ramah bagi pemula…

47

Pengemasan & Skrip

B23 pelajaranPRO

Pelajari dasar package.json : skrip, dependensi vs devDependencies, dan rentang versi semantik sederhana. Ramah bagi pemula dan praktis.

48

Pengujian & Kualitas (Ringan)

B23 pelajaranPRO

Terapkan pola pikir pengujian ringan: penegasan kecil, Atur–Jalankan–Tegaskan, merah→hijau→refaktor, serta kiat praktis tanpa perkakas bera…

49

Proyek Mini (Hanya Bahasa)

B23 pelajaranPRO

Bangun proyek mini JS kecil yang dapat dijalankan tanpa kerangka kerja. Mulailah dengan Evaluator Ekspresi , lalu Penganalisis Log, dan Kum…

50

Perbedaan Node vs Peramban

B23 pelajaranPRO

Kenali perbedaan penting antara peramban dan Node: global, ketersediaan fetch , serta akses ke API berkas/jaringan. Pemeriksaan sederhana d…

51

Menyelami Event Loop

C14 pelajaranPRO

Pahami cara JavaScript menjadwalkan pekerjaan dengan tumpukan pemanggilan, antrean tugas, dan microtask.

52

Proxy dan Reflect

C14 pelajaranPRO

Sela dan sesuaikan operasi fundamental objek dengan API Proxy dan Reflect.

53

Web Worker dan Multithreading

C14 pelajaranPRO

Jalankan komputasi berat di luar thread utama dengan web worker agar antarmuka tetap responsif.

54

Service Worker dan Penyimpanan Tembolok Offline

C14 pelajaranPRO

Jadikan aplikasi web cepat dan dapat digunakan secara offline dengan service worker dan Cache API.

55

Streams API

C14 pelajaranPRO

Proses data secara bertahap dengan stream yang dapat dibaca, ditulis, dan diubah demi efisiensi.

56

Iterator & Generator

C13 pelajaranPRO

Pahami protokol iterasi JavaScript: apa yang membuat data dapat diiterasi , cara kerja iterator , serta cara menggunakan for...of , spread,…

57

This & Pengikatan Lanjutan

C13 pelajaranPRO

Pahami this secara mendalam: this leksikal vs dinamis, fungsi panah, dan pola pengikatan praktis. Langkah-langkah sederhana yang mudah dipa…

58

Kinerja & Memori

C13 pelajaranPRO

Pelajari kebiasaan kinerja sederhana yang berdampak besar: dasar pemikiran Big-O, jalur panas vs dingin, dan peningkatan kecil struktur dat…

59

JS Defensif

C13 pelajaranPRO

JavaScript defensif untuk pemula: validasi masukan, lepaskan karakter khusus pada keluaran jika diperlukan, dan gunakan pola kecil yang ama…

FAQ

Pertanyaan yang Sering Diajukan

Apakah kursus JavaScript Academy gratis?

Ya. Kamu bisa memulai kursus JavaScript Academy secara gratis dan menyelesaikan pelajaran interaktifnya tanpa biaya. Langganan PRO opsional membuka akses ke alat AI tingkat lanjut dan sertifikat yang bisa dibagikan.

Apakah aku perlu pengalaman sebelumnya untuk belajar JAVASCRIPT?

Tidak. Kursus dimulai dari dasar dan secara bertahap bergerak ke topik yang lebih canggih, jadi kamu bisa memulai meski tanpa pengalaman JAVASCRIPT sebelumnya.

Bagaimana cara aku belajar JAVASCRIPT di CoddyKit?

Kamu belajar dengan praktik. Pelajaran interaktif pendek memadukan penjelasan yang jelas dengan latihan koding langsung yang berjalan real-time, dan tutor AI 24/7 memberikan bantuan personal kapan pun kamu stuck.

Apakah aku dapat sertifikat saat menyelesaikan JavaScript Academy?

Ya. Pelajar PRO bisa mengikuti ujian dan meraih sertifikat penyelesaian yang bisa dibagikan dengan kode verifikasi untuk kursus JavaScript Academy.

Bisakah aku belajar JAVASCRIPT di ponselku?

Ya. CoddyKit tersedia di web dan sebagai aplikasi native iOS dan Android, jadi kamu bisa belajar JAVASCRIPT di perangkat apa pun dan progresmu tersinkronisasi di semuanya.

Mulai JavaScript Academy Sekarang

Bergabunglah dengan ribuan pelajar yang menguasai pemrograman dengan pelajaran bertenaga AI.

Mulai Gratis →Jelajahi Semua Kursus