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
- Ramah pemula
Bantuan coding dengan AI
Pelajaran interaktif yang praktis
Narasi audio di setiap pelajaran
Kuis untuk menguji pemahamanmu
Sertifikat jalur di akhir, plus 16 di sepanjang jalan
Jalur full stack developer, langkah demi langkah
Setiap langkah adalah kursus Coddy yang sudah ada. Ikuti secara berurutan, atau langsung masuk ke yang belum kamu kuasai: progresmu disimpan per kursus.
- 1Langkah 13 bagian, berurutan
- 2Langkah 2
JavaScript dan TypeScriptHalaman khusus
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 khusus4 bagian, berurutan - 3Langkah 3
JavaScript di browser
Mulai langkah iniMulaiDOM, event, form dan validasi, lalu pola front end yang praktis seperti tab, modal, tema, dan navigasi responsif. HTML, CSS, dan JavaScript menjadi satu halaman yang merespons orang yang memakainya.Mulai2 bagian, berurutan - 4Langkah 4
ReactHalaman khusus
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 - 5Langkah 5
Next.js: separuh bagian serverHalaman khusus
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 - 6Langkah 6
SQL: database-nyaHalaman khusus
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 khusus2 bagian, berurutan - 7Langkah 7
Linux dan GitHalaman khusus
Mulai langkah iniMulaiFile, permission, pipe, dan shell scripting di terminal Linux sungguhan, lalu commit, branch, merge, konflik, dan remote. Server berjalan di Linux, dan setiap tim menyimpan kodenya di repository Git.MulaiHalaman khusus2 bagian, berurutan - 8Langkah 8
DockerHalaman khusus
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
Belajar sambil praktik
Tulis kode sungguhan, query database, buat website, dan kuasai prompt AI. Pelajaran interaktif kami mencakup setiap keterampilan yang dibutuhkan developer modern.
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!
January 2026
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
Gandakan atau hangus
Hari ke-5 dari 7
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.
Kamu tidak sendirian
Bersaing di papan peringkat global, ajak teman untuk mendapat hadiah, dan rayakan kemenangan satu sama lain. Coding lebih seru bersama teman!
Semua cara belajar
Baca, dengarkan, uji dirimu, tanya AI, atau cari lagi apa pun yang sudah kamu pelajari. Setiap pelajaran menyesuaikan diri denganmu.
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.
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.
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?
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.