Menu
CoddyTech
START LEARNING
Jalur belajar

Roadmap MERN Stack Developer

Kursus gratis dalam urutan yang dibutuhkan seorang MERN stack developer: HTML, CSS, dan JavaScript untuk halamannya, React untuk antarmukanya, lalu Node.js dan Express untuk server-nya, MongoDB untuk datanya, dan login untuk menjaganya tetap aman. Satu bahasa, JavaScript, dari tag pertama sampai rute API terakhir, dan setiap pelajaran berjalan di browsermu.

Mulai belajar(gratis)

711,880+ pelajar terdaftar di seluruh kursus ini

718 pelajaran808 tantangan3,295 soal kuis

Roadmap MERN stack, langkah demi langkah

5 kursus16 bagian718 pelajaran808 tantangan3,295 soal kuis

Setiap langkah adalah bagian dari kursus Coddy yang sudah ada. Ikuti secara berurutan, atau langsung ke langkah yang belum kamu kuasai: progresmu tetap disimpan per kursus.

  1. 1
  2. 2
  3. 3
  4. 4
    Langkah 4

    React: huruf R di MERNHalaman khusus

    Mulai langkah iniMulai    Component, JSX, props, state, event, list, dan controlled form, diakhiri kartu sosial kecil yang kamu bangun langkah demi langkah. React adalah antarmuka yang akan dilayani API-mu.MulaiHalaman khusus42 pelajaran37 tantangan65 soal
  5. 5
    Langkah 5

    Node.js: huruf N di MERNHalaman khusus

    Mulai langkah iniMulai    JavaScript di luar browser: argumen command line, module, membaca dan menulis file, callback, promise, async dan await, event loop, dan event. Kamu membangun aplikasi catatan command line.MulaiHalaman khusus24 pelajaran24 tantangan44 soal6 proyek
  6. 6
  7. 7
    Langkah 7

    MongoDB dan login: huruf M

    Mulai langkah iniMulai    Document dan collection dari API Express: insert, ObjectId, filter, operator update, indeks unik, agregasi, dan $lookup. Lalu siapa yang boleh melihat datanya: password yang di-hash, session, JWT, pemilik dan role admin, security header, dan rate limiting.Mulai
    2 bagian, berurutan
    1. Database dengan MongoDB18 pelajaran18 tantangan44 soal4 proyek
    2. Autentikasi dan Keamanan17 pelajaran17 tantangan37 soal4 proyek
    35 pelajaran35 tantangan81 soal8 proyek
  8. 8
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

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 belajar MERN stack di Coddy

  • Setiap lapisan berjalan di samping kodemu. Component React langsung dirender saat kamu mengetik, server Express menjawab bilah request tempat kamu memilih metode, header, dan body JSON, dan query MongoDB berjalan pada database yang bisa kamu buka di tab Data. Tidak ada yang perlu diinstal, jadi laptop sekolah pun bisa dipakai.
  • Satu bahasa untuk seluruh stack. Langkah-langkah pertama jalur ini membahas JavaScript dan browser, jadi saat Node.js tiba, server berisi ide-ide baru, bukan bahasa baru: fungsi, object, dan kode async yang sama, kini menjawab request.
  • Satu proyek di setiap bagian back end: aplikasi catatan command line, situs resep, API pelacak tugas, API rating buku di MongoDB, dan aplikasi catatan dengan akun. Masing-masing dibangun pelajaran demi pelajaran dan dinilai oleh pemeriksaan yang mengirim request sungguhan ke servermu.
  • Petunjuk yang membaca kodemu. Saat sebuah rute menjawab 404, query tidak mengembalikan apa pun, atau login membiarkan pengguna yang salah masuk, Bugsy, tutor AI, melihat apa yang kamu tulis dan menunjuk barisnya tanpa menuliskan perbaikannya untukmu.

Pertanyaan umum tentang MERN stack

Apa itu MERN stack?

MERN stack adalah cara membangun seluruh aplikasi web dengan JavaScript memakai empat tool: MongoDB menyimpan data sebagai document, Express mengubah program Node.js menjadi web server dan API, React membangun antarmuka yang berjalan di browser, dan Node.js menjalankan JavaScript di server. Kode React di browser memanggil API Express, yang membaca dan menulis ke MongoDB.

Apa kepanjangan MERN?

MERN adalah singkatan dari MongoDB, Express, React, dan Node.js. Urutannya mengikuti huruf di kata itu, bukan urutan kamu mempelajarinya: di jalur ini kamu mulai dari halaman (HTML, CSS, JavaScript, dan React), lalu pindah ke server (Node.js dan Express) dan database (MongoDB).

Apa yang dikerjakan MERN stack developer?

Membangun fitur dari database sampai layar: merancang document MongoDB, menulis rute Express yang membuat, membaca, memperbarui, dan menghapusnya, melindungi rute itu dengan login, dan membangun halaman React yang memanggilnya. Karena keempat tool itu semuanya JavaScript, satu developer bisa mengikuti sebuah fitur melewati setiap lapisan.

Apakah MERN stack masih layak dipelajari?

Ya. React dan Node.js termasuk tool yang paling banyak dipakai dalam web development, dan Express serta MongoDB adalah pasangan mereka yang paling umum, jadi keterampilannya tetap berguna bahkan di tim yang memakai database atau framework lain. Mempelajari satu stack dari ujung ke ujung juga mengajarkan bagaimana aplikasi web apa pun tersusun, dan itulah yang diuji dalam wawancara kerja.

Sebaiknya belajar MERN stack atau MEAN stack?

MERN, untuk kebanyakan orang yang baru mulai sekarang. Kedua stack sama-sama memakai MongoDB, Express, dan Node.js dan hanya berbeda di front end: React di MERN, Angular di MEAN. React lebih banyak dipakai di antara keduanya dan lebih mudah untuk memulai, dan pindah ke Angular nanti berarti mempelajari satu framework baru, bukan stack baru.

Berapa lama waktu yang dibutuhkan untuk belajar MERN stack?

Sekitar delapan sampai sepuluh bulan dengan satu jam sehari untuk menyelesaikan jalur ini. HTML dan CSS butuh sekitar enam minggu, JavaScript dan browser dua sampai tiga bulan, React sekitar sebulan, dan lima bagian Node.js (Node.js, Express, REST API, MongoDB, login) tiga bulan lagi. Kalau kamu sudah bisa JavaScript, mulai dari langkah React dan waktunya sekitar empat bulan.

Bisakah aku belajar MERN stack tanpa menginstal apa pun?

Bisa, di jalur ini. Setiap pelajaran berjalan di browser: React dirender di samping editor, program Node.js-mu berjalan di terminal dan servermu menjawab bilah request, dan bagian MongoDB memakai database di memori yang mendukung API driver MongoDB. Saat nanti kamu membangun aplikasimu sendiri, kamu menginstal Node.js dan MongoDB di komputermu dan kodenya tetap bisa dipakai.

Apakah aku mendapat sertifikat untuk jalur MERN Stack Developer?

Ya. Selesaikan setiap langkah dan kamu akan mendapat satu sertifikat gratis untuk seluruh jalur MERN Stack Developer. 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 MERN Stack Developer secara gratis

Mulai belajar