Menu
CoddyTech
Jalur belajar

Roadmap Full Stack Web Developer

Kursus gratis dalam urutan yang dibutuhkan seorang full stack web developer: HTML, CSS, dan JavaScript untuk halamannya, TypeScript dan React untuk antarmukanya, Next.js untuk server-nya, SQL untuk datanya, lalu Linux, Git, dan Docker untuk merilisnya. JavaScript berjalan di kedua sisi, jadi kamu mempelajari satu bahasa dan memakainya dari ujung ke ujung. Setiap pelajaran berjalan di browser, dan setiap bagian kursus diakhiri dengan sertifikat gratis.

889,130+ pelajar terdaftar di seluruh kursus ini

880 pelajaran969 tantangan4,345 soal kuis

Jalur full stack developer, langkah demi langkah

7 kursus16 bagian880 pelajaran969 tantangan4,345 soal kuis

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

  1. 1
    Mulai langkah iniMulaiElemen, link, form, dan markup semantik, lalu selector, box model, flexbox, grid, layout responsif, dan transisi dalam dua bagian CSS. Form yang kamu tulis di sini adalah form yang sama yang nanti dibaca server-mu di jalur ini.MulaiHalaman khusus
  2. 2
    Mulai langkah iniMulaiDasar-dasar, logika dan alur kontrol, objek dan class dalam tiga bagian, lalu TypeScript: tipe, interface, generics, dan membaca error dari compiler. Inilah bahasa yang kamu tulis di browser dan di server, jadi langkah ini mendapat waktu lebih banyak daripada langkah lainnya.MulaiHalaman khusus
  3. 3
  4. 4
    Mulai langkah iniMulaiKomponen, JSX, props, state, event, list, dan controlled form, diakhiri dengan kartu sosial kecil yang kamu bangun langkah demi langkah. React adalah lapisan antarmuka yang dijalankan langkah berikutnya di server.MulaiHalaman khusus
  5. 5
    Mulai langkah iniMulaiRouting dan layout, server component dan client component, mengambil data di server, route handler untuk endpoint API milikmu sendiri, server action untuk form, state loading dan error, lalu aplikasi restoran sembilan langkah dengan keranjang belanja, filter, ulasan, dan pencarian langsung. Di sinilah kamu menulis back end.MulaiHalaman khusus
  6. 6
    Mulai langkah iniMulaiQuery pada tabel sungguhan: memfilter, mengurutkan, join, pengelompokan, dan agregasi, lalu subquery, window function, CASE, dan common table expression. Setiap aplikasi full stack menyimpan datanya di database, dan SQL adalah cara kamu mengajukan pertanyaan kepadanya.MulaiHalaman khusus
  7. 7
  8. 8
    Mulai langkah iniMulaiImage, container, Dockerfile, volume, dan network. Container mengemas aplikasimu bersama semua yang dibutuhkannya untuk berjalan, dan begitulah cara sebagian besar aplikasi web dikirim ke server saat ini.MulaiHalaman khusus
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.

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

  • Satu bahasa di kedua sisi. Jalur ini mengajarkan JavaScript dan TypeScript untuk browser, lalu memakai bahasa yang sama di server lewat route handler dan server action di Next.js, jadi back end berisi ide-ide baru, bukan bahasa kedua yang harus dipelajari dari nol.
  • Tanpa install apa pun. HTML dan CSS tampil langsung di samping kodemu, SQL berjalan pada tabel sungguhan, dan langkah Linux, Git, serta Docker memberimu terminal sungguhan di browser. Kamu bisa mempelajari seluruh stack di laptop yang belum pernah dipasangi tool developer apa pun.
  • Petunjuk AI yang membaca kodemu. Saat komponen tidak muncul, query mengembalikan baris yang salah, atau sebuah perintah gagal, Bugsy melihat apa yang kamu tulis dan mengarahkanmu ke perbaikannya tanpa memberikan jawabannya.
  • Urutannya adalah intinya. Kebanyakan kursus full stack terburu-buru ke framework di minggu kedua; jalur ini memberi JavaScript tiga bagian dan browser bagian keempat sebelum React muncul, karena sebuah framework baru bisa dipahami setelah bahasa di baliknya dikuasai.

Pertanyaan umum tentang menjadi full stack developer

Apa itu full stack developer?

Full stack developer adalah developer yang bisa membangun kedua bagian sebuah aplikasi web: front end yang berjalan di browser (HTML, CSS, JavaScript, dan framework seperti React) dan back end yang berjalan di server (penanganan request, logika bisnis, dan database). Dalam praktiknya, kebanyakan full stack developer lebih kuat di salah satu sisi, tapi mereka bisa merilis sebuah fitur dari tabel database sampai tombol yang memakainya tanpa menyerahkannya ke orang lain.

Bagaimana cara menjadi web developer?

Pelajari HTML, CSS, dan JavaScript sampai cukup baik untuk membangun halaman dari file kosong, tambahkan satu framework (React), pelajari cara server menjawab request dan cara data disimpan (Next.js dan SQL di jalur ini), pelajari Git, dan bangun proyek yang bisa kamu taruh secara online dan jelaskan. Perusahaan merekrut berdasarkan apa yang bisa kamu tunjukkan, jadi proyek lebih penting daripada sertifikat apa pun. Jalur ini adalah urutan itu, dalam urutan itu, dan gratis.

Sebaiknya belajar front end atau back end dulu?

Front end dulu. Kamu melihat hasil setiap baris di layar, yang membuat kesalahan jadi jelas dan menjaga motivasi, dan back end jauh lebih mudah dipahami setelah kamu membangun halaman yang memanggilnya. Itulah kenapa jalur ini menghabiskan empat langkah pertamanya di browser dan baru setelah itu pindah ke server dan database.

Kenapa jalur ini memakai JavaScript di server, bukan Python?

Karena JavaScript adalah satu-satunya bahasa yang berjalan di browser, jadi memakainya juga di server berarti satu bahasa untuk seluruh stack. Next.js, yang dibangun di atas React, memungkinkan codebase yang sama merender halaman di server, menjawab request API, dan menangani pengiriman form. Kalau kamu lebih suka menulis back end dengan Python, jalur Backend Developer di Coddy mengajarkan rute Python.

Apakah aku butuh bootcamp untuk menjadi full stack developer?

Tidak. Bootcamp memberimu jadwal, teman seangkatan, dan bimbingan karier, dan memungut biaya untuk semua itu; keterampilannya sendiri sama dengan yang diajarkan jalur ini, dan materi gratis sudah membahasnya dengan baik. Yang tidak bisa dipersingkat bootcamp adalah latihannya: ratusan latihan kecil dan beberapa proyek nyata. Kalau kamu bisa menjaga satu jam sehari secara konsisten tanpa ada guru yang memantau, jalur gratis membawamu ke tempat yang sama.

Berapa lama waktu yang dibutuhkan untuk menjadi full stack developer?

Sekitar sembilan sampai dua belas bulan dengan satu jam sehari untuk mencapai level junior. Di jalur ini, HTML dan CSS butuh enam sampai delapan minggu bersama-sama, JavaScript dan browser dua sampai tiga bulan, TypeScript dan React sekitar enam minggu, Next.js sebulan, SQL tiga sampai empat minggu, lalu Linux, Git, dan Docker sebulan lagi. Membangun proyekmu sendiri bersamaan dengan langkah-langkah akhir adalah yang mengubah waktu itu menjadi portofolio.

Apakah jalur ini membahas Node.js, Express, autentikasi, atau deploy?

Tidak di jalur ini, yang memakai Next.js sebagai server-nya: route handler dan server action, yang berjalan di Node.js. Node.js itu sendiri, Express, MongoDB, serta login dengan session dan token diajarkan di kursus Node.js, dan jalur MERN Stack mengambil rute itu untuk back end. Belum ada jalur yang membahas deploy ke platform hosting.

Apakah kursus full stack ini gratis, dan apakah aku dapat sertifikat?

Ya. Setiap kursus di jalur ini gratis, termasuk pelajaran, editor dan terminal di browser, petunjuk AI, dan sertifikatnya. Setiap bagian kursus diakhiri dengan sertifikat gratis yang bisa diverifikasi di URL-nya sendiri, yang bisa kamu tambahkan ke LinkedIn atau CV. Selesaikan setiap langkah, dan kamu juga mendapat satu sertifikat untuk seluruh jalur, yang mencantumkan setiap kursus di baliknya.

Apakah aku mendapat sertifikat untuk jalur Full Stack Developer?

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

Mulai belajar