Course Content
Pengenalan Backend dan Library di JavaScript
Sesi ini akan memperkenalkan konsep dasar di dunia backend, mulai dari teori, cara kerja, hingga perkenalan dengan berbagai library JavaScript yang umum digunakan. Di akhir sesi, peserta akan mencoba langsung membuat server sederhana dan berinteraksi dengannya menggunakan Postman.
0/6
Mengenal Express.js
Di sesi ini, kita akan beralih dari server Node.js dasar ke framework yang lebih canggih dan mudah digunakan, yaitu Express.js. Peserta akan belajar cara membuat server, memahami berbagai metode routing untuk membuat RESTful API sederhana, dan mempraktikkannya langsung dengan studi kasus data siswa.
0/6
Struktur Proyek dan Modularisasi
Seiring aplikasi kita membesar, menyimpan semua kode dalam satu file akan membuatnya berantakan. Di sesi ini, peserta akan belajar cara menyusun proyek Express.js dengan rapi dengan memisahkan kode ke dalam file dan folder yang berbeda (modularisasi). Kita juga akan membahas penanganan error dasar dan mempelajari fitur baru di Postman
0/7
Pengenalan Supabase dan Simulasi RESTful API dengan Database
Di sesi sebelumnya, data kita akan hilang setiap kali server mati. Sekarang, kita akan menyelesaikan masalah itu dengan menghubungkan API kita ke database sungguhan menggunakan Supabase, sebuah platform Backend as a Service. Peserta akan belajar membuat akun, menghubungkan proyek, dan mempraktikkan operasi CRUD (Create, Read, Update, Delete) pada API data siswa.
0/6
Pengujian Lanjutan, Dokumentasi API (Postman dan Swagger), dan Publikasi
Di sesi final ini, kita akan menyempurnakan proyek kita. Peserta akan belajar cara melakukan pengujian API secara otomatis di Postman, membuat dokumentasi yang rapi dengan Postman dan Swagger agar mudah dipahami orang lain, dan terakhir mempublikasikan hasil karyanya ke GitHub agar bisa menjadi portofolio yang membanggakan.
0/6
Belajar Backend Pemula dengan Express.js dan Supabase

Sejauh ini, aplikasi kita berjalan lancar karena kita mengakses alamat URL yang benar. Tapi, apa yang terjadi jika pengguna mencoba mengakses alamat yang tidak ada? Misalnya, http://localhost:3000/guru.

Secara default, Express akan menampilkan pesan error sederhana yang tidak terlalu informatif. Dalam kasus yang lebih parah, sebuah error yang tidak ditangani bisa membuat seluruh server kita berhenti bekerja (crash). Tentu kita tidak mau itu terjadi.

Di pelajaran ini, kita akan belajar cara membuat “jaring pengaman” atau penanganan error dasar agar aplikasi kita lebih tangguh.

Bagian 1: Apa Itu Error Handling?

Error Handling adalah proses mengantisipasi dan merespons kesalahan yang mungkin terjadi dalam sebuah aplikasi. Tujuannya adalah agar aplikasi tidak langsung crash, melainkan bisa memberikan respons yang lebih terkontrol dan informatif kepada pengguna.

Di Express, kita bisa membuat middleware khusus untuk menangani error. Middleware adalah sebuah fungsi yang memiliki akses ke objek request, response, dan sebuah fungsi next untuk melanjutkan ke middleware berikutnya dalam siklus permintaan-respons.

Untuk menangani kasus “Halaman Tidak Ditemukan” atau 404 Not Found, kita akan membuat sebuah middleware yang akan dieksekusi jika tidak ada route lain yang cocok dengan permintaan yang masuk.

Bagian 2: Praktik: Membuat Handler untuk “404 Not Found”

Cara kerja middleware 404 ini sangat logis:

  1. Sebuah permintaan masuk ke server (misalnya, GET /asal-ngarang).
  2. Express akan memeriksa semua route yang sudah kita daftarkan satu per satu.
  3. Ia memeriksa: Apakah ada yang cocok dengan app.use('/students', ...)? Tidak.
  4. Jika setelah semua route diperiksa tidak ada yang cocok, permintaan tersebut akan “jatuh” ke middleware paling akhir yang kita pasang. Inilah yang akan kita jadikan handler 404.

Mari kita implementasikan:

  1. Buka File index.js: Buka kembali file utama proyek kita di src/index.js.

  2. Tambahkan Kode Handler: Letakkan kode berikut di bagian paling bawah, tepat sebelum baris app.listen(...). Posisi ini sangat penting.

    // ... kode app.use('/students', studentRouter); yang sudah ada sebelumnya
    
    // Middleware untuk menangani 404 Not Found
    // Handler ini akan menangkap semua request yang tidak cocok dengan route di atasnya
    app.use((req, res, next) => {
      res.status(404).send('Maaf, halaman yang Anda cari tidak ditemukan.');
    });
    
    // Jalankan server
    app.listen(port, function () {
    // ... dan seterusnya​
    • Penjelasan Kode:
      • app.use(...): Kita mendaftarkan middleware baru. Karena kita tidak menentukan path (seperti /students), middleware ini akan berlaku untuk semua permintaan yang berhasil melewatinya.
      • res.status(404): Kita secara eksplisit mengatur kode status HTTP menjadi 404, yang artinya “Not Found”.
      • .send(...): Kita mengirimkan pesan yang lebih ramah kepada pengguna.
  3. Uji Coba:
    • Matikan dan jalankan ulang servermu (node src/index.js).
    • Buka Postman.
    • Buat permintaan GET ke alamat yang tidak ada, misalnya: http://localhost:3000/guru atau http://localhost:3000/asal-saja.
    • Klik Send

Sekarang, kamu tidak akan lagi melihat halaman error default dari Express. Sebagai gantinya, kamu akan melihat pesan “Maaf, halaman yang Anda cari tidak ditemukan.” di body respons, dan yang terpenting, statusnya adalah 404 Not Found.

Selamat! Aplikasi backend-mu sekarang selangkah lebih profesional karena sudah bisa menangani salah satu error paling umum dengan baik.