Menu
CoddyTech
START LEARNING
Jalur belajar

Roadmap Developer JavaScript

Apa yang perlu dipelajari, secara berurutan, untuk bekerja sebagai developer JavaScript: bahasanya dan TypeScript, command line, Git, dan SQL, lalu struktur data dan algoritma yang diuji di wawancara, dan terakhir kode yang bisa dirawat sebuah tim. Fondasi yang sama berlaku untuk pekerjaan frontend, backend, dan full-stack. Gratis, praktis, di browser.

Mulai belajar(gratis)

537,949+ pelajar terdaftar di seluruh kursus ini

651 pelajaran662 tantangan2,784 soal kuis

Roadmap developer JavaScript, langkah demi langkah

17 kursus7 bagian651 pelajaran662 tantangan2,784 soal kuis

Setiap langkah terdiri dari kursus Coddy yang sudah ada, dan setiap tombol Mulai membukanya dalam JavaScript. Ambil langkah-langkahnya secara berurutan, atau mulai dari yang belum kamu kuasai. Progres disimpan per kursus.

  1. 1
    Langkah 1

    JavaScript, lalu TypeScriptHalaman khusus

    Mulai langkah iniMulai    Empat bagian. Fundamentals membahas variabel, strict equality dan loose equality, type coercion, fungsi dan arrow function, serta array. Logic & Flow membahas string, JSON dan objek, spread operator, set, serta method array map, filter, reduce dan sort. Introduction To TypeScript membahas type inti, tuple, union, interface, enum, generics, dan type guard. Object Oriented Programming membahas this, module, class, private field, inheritance, dan komposisi. Pelajari secara mendalam: setiap framework yang kamu temui nanti pada dasarnya adalah JavaScript, dan aturannya yang longgar, == di samping === serta konversi type diam-diam, hanya menjadi jebakan sampai kamu memahaminya.MulaiHalaman khusus
    4 bagian, berurutan
    1. Dasar-Dasar77 pelajaran111 tantangan389 soal3 proyek
    2. Logika dan Alur65 pelajaran69 tantangan325 soal2 proyek
    3. Pengantar TypeScript73 pelajaran73 tantangan438 soal2 proyek
    4. Pemrograman Berorientasi Objek56 pelajaran62 tantangan304 soal
    271 pelajaran315 tantangan1,456 soal7 proyek
  2. 2
    Langkah 2

    Linux dan command lineHalaman khusus

    Mulai langkah iniMulai    Path dan file, wildcard, grep, pipe dan redirection, permission, environment variable, dan shell script. Tooling JavaScript ada di terminal: npm install, npx, dev server, build, dan test runner adalah perintah, skrip di package.json adalah perintah shell, dan rahasia sampai ke aplikasi Node.js sebagai environment variable lewat process.env.MulaiHalaman khusus82 pelajaran80 tantangan440 soal3 proyek
  3. 3
    Langkah 3

    Git dan version controlHalaman khusus

    Mulai langkah iniMulai    Staging, commit, .gitignore, branch, merge dan konflik, membatalkan kesalahan, dan remote. Di proyek JavaScript, node_modules/ diabaikan sejak commit pertama dan package-lock.json ikut di-commit, dan lockfile yang sering berubah adalah tempat branch paralel sering berkonflik. Host seperti Vercel dan Netlify melakukan deploy di setiap push, jadi di banyak tim web, merge ke main berarti rilis.MulaiHalaman khusus58 pelajaran55 tantangan370 soal2 proyek
  4. 4
    Langkah 4

    Dasar-dasar SQLHalaman khusus

    Mulai langkah iniMulai    Filter, sorting, join, pengelompokan, agregasi, subquery, klausa WITH, dan window function, pada tabel nyata. JavaScript full-stack berarti ada database di balik API, sering PostgreSQL atau MySQL, yang dijangkau lewat ORM atau query builder seperti Prisma. Membaca SQL yang dikirimnya adalah cara mencari tahu kenapa sebuah endpoint lambat.MulaiHalaman khusus72 pelajaran76 tantangan360 soal1 proyek
  5. 5
    Langkah 5

    Struktur data, dibuat sendiri

    Mulai langkah iniMulai    Stack, queue, linked list, binary tree, dan hash table, masing-masing dibangun dari nol dalam JavaScript lalu dipakai untuk soal. Semua itu adalah bentuk yang sudah dipakai aplikasi JavaScript: riwayat undo adalah stack, event loop bekerja melalui queue, dan menu bertingkat atau dokumen JSON adalah tree.Mulai
    5 kursus, berurutan
    1. Stack, Seri Struktur Data #113 pelajaran11 tantangan1 proyek
    2. Antrean, Seri Struktur Data #212 pelajaran10 tantangan1 proyek
    3. Linked List, Seri Struktur Data #514 pelajaran12 tantangan1 proyek
    4. Pohon Biner: Seri Struktur Data #313 pelajaran11 tantangan1 proyek
    5. Tabel Hash, Seri Struktur Data #414 pelajaran12 tantangan
    66 pelajaran56 tantangan4 proyek
  6. 6
    Langkah 6

    Algoritma dan berpikir rekursif

    Mulai langkah iniMulai    Tantangan rekursi, lalu bubble sort, selection sort, insertion sort, merge sort, dan quick sort dalam JavaScript, setiap algoritma sorting dipasangkan dengan visualizer algoritma Coddy. Rekursi adalah JavaScript sehari-hari, seperti menelusuri objek bertingkat atau component tree, dan punya batas: terlalu dalam, V8, engine di Chrome dan Node.js, melempar RangeError: Maximum call stack size exceeded. Langkah ini mengajarimu melihatnya sebelum terjadi.Mulai
    6 kursus, berurutan
    1. Tantangan Rekursi: Kuasai Cara Berpikir Rekursif15 pelajaran15 tantangan
    2. Bubble Sort11 pelajaran10 tantangan
    3. Selection Sort: Seri DSA9 pelajaran4 tantangan54 soal1 proyek
    4. Insertion Sort, Seri DSA9 pelajaran4 tantangan1 proyek
    5. Merge Sort: Seri DSA9 pelajaran4 tantangan52 soal1 proyek
    6. Quick Sort: Seri DSA9 pelajaran4 tantangan52 soal1 proyek
    62 pelajaran41 tantangan158 soal4 proyek
  7. 7
    Langkah 7

    Kode yang bisa dibaca orang lain

    Mulai langkah iniMulai    Proyek berorientasi objek yang dibangun dari awal sampai akhir dan bank soal coding, keduanya dalam JavaScript. Prettier mengatur format dan ESLint menandai sebagian kesalahan. Penamaan, ukuran fungsi, dan letak tanggung jawab diserahkan kepadamu, dan itulah yang dikomentari reviewer.Mulai
    2 kursus, berurutan
    1. Class User: Proyek OOP8 pelajaran8 tantangan1 proyek
    2. Tantangan Pemrograman32 pelajaran31 tantangan
    40 pelajaran39 tantangan1 proyek
Yang kamu dapatkan
Semua yang kamu pakai untuk belajar coding

Belajar sambil praktik

Tulis kode sungguhan, query database, buat website, dan kuasai prompt AI. Pelajaran interaktif kami mencakup setiap keterampilan yang dibutuhkan developer modern.

playground.js
Editor kode
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Tes #1test Case Success icon
Tes #2test Case Success icon
Tes #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Bangun streakmu

Tetap konsisten dan lihat progresmu bertumbuh! Pantau kebiasaan coding harianmu, lindungi streakmu dengan hari beku, dan raih hadiah karena hadir setiap hari.

12 hari streak

Kembali besok untuk menjaga streakmu!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Gandakan atau hangus

Hari ke-5 dari 7

fire Freeze icon

Pembeku Streak

2 left

Coding di mana saja

Bawa perjalanan coding-mu ke mana saja! Tanpa setup, tanpa unduhan: cukup buka dan mulai coding. Tersedia di iOS, Android, dan Web dengan rating bintang 4,9.

app Store iconUnduh diApp Storegoogle Play iconTersedia diGoogle Play
Python
7Streak
250Skor
5Energi
Variabel
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
Lanjutkan
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Perjalanan
Target
Papan peringkat
Profil
4.9
BintangBintangBintangBintangBintang
Rating

Kamu tidak sendirian

Bersaing di papan peringkat global, ajak teman untuk mendapat hadiah, dan rayakan kemenangan satu sama lain. Coding lebih seru bersama teman!

Liga Challenger
Liga Challenger7 teratas naik
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZona promosileaderboard Arrow Up icon

Semua cara belajar

Baca, dengarkan, uji dirimu, tanya AI, atau cari lagi apa pun yang sudah kamu pelajari. Setiap pelajaran menyesuaikan diri denganmu.

Pengenalan variabel
Audio

Variabel adalah wadah bernama yang menyimpan nilai yang bisa kamu pakai lagi nanti di programmu.

Di Python, kamu membuatnya dengan menulis nama, tanda sama dengan, lalu nilai yang ingin kamu simpan.

Nilainya bisa berubah seiring waktu. Menetapkan ulang nama itu cukup membuatnya menunjuk ke nilai baru.

1xSarah

Dapatkan sertifikat

Dapatkan sertifikat untuk setiap kursus yang kamu selesaikan. Tambahkan ke profil LinkedIn dan CV-mu untuk menunjukkan keahlian coding-mu kepada pemberi kerja.

CoddySertifikat Penyelesaian
Dengan ini menyatakan bahwaBudi Santosotelah berhasil menyelesaikan
python iconDasar Python
Terverifikasi
TanggalJan 2026
LinkedInTambahkan ke LinkedIn

Kenapa mengikuti roadmap JavaScript ini di Coddy

  • Satu bahasa untuk seluruh web. JavaScript berjalan di setiap browser, dan dengan Node.js juga menjalankan server, build tool, dan skrip, jadi pekerjaan frontend, backend, dan full-stack semuanya dimulai dari fondasi yang dibangun roadmap ini sebelum bercabang.
  • TypeScript ada di langkah pertama. Kursus JavaScript punya satu bagian TypeScript lengkap, dari type inti dan union sampai interface, enum, dan generics, jadi JavaScript bertipe yang ditulis banyak tim profesional menjadi bagian dari bahasa yang kamu pelajari, bukan kejutan di pekerjaan pertamamu.
  • Latihan wawancara dalam JavaScript. Struktur data, tantangan rekursi, dan lima algoritma sorting semuanya diajarkan dalam JavaScript, jadi kamu berlatih wawancara dalam bahasa yang benar-benar akan diminta untuk kamu pakai.
  • Dinilai otomatis, dengan petunjuk, tanpa instalasi. Setiap pelajaran ditutup dengan tantangan JavaScript yang dinilai oleh kasus uji, dan Bugsy, tutor AI-nya, menunjuk apa yang salah tanpa menuliskan perbaikannya. Sebagian besar kursus diakhiri dengan sertifikat gratis, dan tidak ada Node.js atau editor yang perlu disiapkan: semuanya berjalan di browser.

Pertanyaan yang sering diajukan tentang menjadi developer JavaScript

Berapa lama waktu yang dibutuhkan untuk menjadi developer JavaScript?

Enam sampai dua belas bulan dengan sekitar satu jam sehari adalah rentang yang wajar dari nol sampai wawancara tingkat junior. Di roadmap ini, kursus JavaScript, termasuk bagian TypeScript-nya, memakan delapan sampai sepuluh minggu, command line, Git, dan SQL sekitar sebulan secara keseluruhan, dan langkah struktur data serta sorting dua bulan lagi. Lalu datang spesialisasinya, framework seperti React atau backend Node.js, yang diwujudkan dalam satu atau dua proyek yang bisa kamu tunjukkan.

Apakah JavaScript bahasa pertama yang bagus untuk software engineer?

Ya, dengan satu catatan. JavaScript berjalan di mana saja, langsung menampilkan hasil di browser, dan langsung mengarah ke pekerjaan berbayar di web. Catatannya, JavaScript memaafkan kesalahan yang ditolak bahasa lain: == mengonversi type sebelum membandingkan, dan property yang tidak ada bernilai undefined, bukan error. Karena itulah langkah pertama roadmap ini menyertakan TypeScript, dan langkah struktur data memintamu membangun setiap struktur sendiri.

Apa yang perlu dikuasai developer JavaScript selain JavaScript?

Command line, Git, dan SQL, yang dibahas roadmap ini, lalu platform tempat kamu menulis kode, yang tidak dibahas di sini: HTML, CSS, DOM, dan framework seperti React di browser, atau Node.js, npm, dan HTTP di server. Jalur Frontend Coddy membahas sisi browser, termasuk React, dan melanjutkan dari tempat halaman ini berhenti.

Sebaiknya belajar TypeScript atau JavaScript dulu?

JavaScript dulu, lalu TypeScript tidak lama kemudian. TypeScript adalah JavaScript yang diberi type, dan error-nya baru masuk akal setelah kamu tahu apa yang dilakukan JavaScript di bawahnya. Kursus JavaScript mengurutkannya dengan cara itu: dua bagian JavaScript biasa, lalu bagian TypeScript, lalu pemrograman berorientasi objek.

Kursus apa di roadmap ini yang belum tersedia dalam JavaScript?

Satu: clean code sejauh ini baru diajarkan dalam Python, jadi kursus itu dicantumkan setelah langkah-langkahnya, bukan di langkah ketujuh. Pokok bahasannya, yaitu penamaan, ukuran fungsi, dan struktur, terbaca sama dalam bahasa apa pun, dan linter seperti ESLint hanya menangkap sebagian kecilnya. Setiap langkah, termasuk proyek berorientasi objek dan soal-soal coding, ada dalam JavaScript.

Apakah roadmap JavaScript ini gratis?

Ya. Setiap kursus di dalamnya gratis: pelajaran, editor dan terminal Linux di browser, tantangan yang dinilai dengan tes, petunjuk Bugsy, dan sertifikat. Pro menghapus batas energi harian dan menambahkan bantuan AI tanpa batas, dan tidak ada satu pun bagian roadmap ini yang membutuhkannya.

Apakah aku mendapat sertifikat untuk jalur Software Engineer?

Ya. Selesaikan setiap langkah dan kamu akan mendapat satu sertifikat gratis untuk seluruh jalur Software Engineer. Sertifikat ini mencantumkan setiap kursus yang kamu selesaikan di sepanjang jalan, dan menautkan sertifikat masing-masing kursus, sehingga siapa pun bisa memeriksa setiap keterampilan yang disebutkannya. Kamu bisa menambahkannya ke profil LinkedIn-mu. Ini adalah sertifikat penyelesaian dari Coddy, bukan kualifikasi terakreditasi.

Jalur belajar lainnya

Kursus yang sama, disusun untuk peran yang berbeda. Progres terbawa: kursus yang selesai di satu jalur dihitung di setiap jalur yang memuatnya.

Semua jalur belajar
Ilustrasi bahasa pemrograman di Coddy

Mulai jalur Software Engineer secara gratis

Mulai belajar