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

Di pelajaran sebelumnya, kita sudah berhasil membuat dua endpoint untuk API data siswa kita. Sekarang, saatnya kita menjadi “pengguna” dari API tersebut dan mengujinya menggunakan Postman. Pelajaran ini akan menunjukkan alur kerja yang akan sering kamu lakukan sebagai backend developer

Pastikan server dari pelajaran sebelumnya (node index.js) sudah dan sedang berjalan di terminalmu!

Bagian 1: Menguji Endpoint GET /students

Mari kita mulai dengan meminta daftar semua siswa yang ada di server.

  • Buka Postman: Jalankan aplikasi Postman.
  • Buat Request Baru: Klik ikon + untuk membuka tab baru.
  • Atur Metode dan URL:
    • Pastikan metode yang terpilih adalah GET.
    • Di kolom URL, ketik: http://localhost:3000/students
  • Kirim Permintaan: Klik tombol Send yang besar dan berwarna biru.

Membaca Respons dari Server

Setelah kamu klik Send, perhatikan panel di bagian bawah jendela Postman. Di sinilah “jawaban” dari server ditampilkan.

  • Body: Ini adalah bagian utama dari respons. Kamu akan melihat data array siswa dalam format JSON, persis seperti yang kita definisikan di kode.
[
    {
        "id": 1,
        "nama": "Andi"
    },
    {
        "id": 2,
        "nama": "Citra"
    }
]
  • Status: Di sebelah kanan, kamu akan melihat status 200 OK. Kode 200 adalah standar HTTP yang berarti “Permintaan berhasil”. Ini adalah tanda pertama bahwa API kita bekerja dengan benar.

Bagian 2: Menguji Endpoint POST /students

Sekarang, ayo kita coba tambahkan data siswa baru ke server.

  • Buat Request Baru: Buka lagi tab baru dengan menekan ikon +.
  • Atur Metode dan URL:
    • Ubah metode menjadi POST.
    • Gunakan URL yang sama: http://localhost:3000/students
  • Isi Body Request: Karena kita ingin mengirim data baru, kita harus mengisinya di bagian Body.
    • Klik tab Body.
    • Pilih opsi raw.
    • Di menu dropdown yang muncul di sebelah kanan, ubah Text menjadi JSON.
    • Di area teks, ketikkan data siswa baru dalam format JSON:
    • {
          "id": 3,
          "nama": "Budi"
      }
  • Kirim Permintaan: Klik tombol Send.

Melihat Hasilnya

Di panel respons, kamu akan melihat pesan teks: Siswa baru berhasil ditambahkan!. Statusnya kemungkinan besar akan 200 OK atau 201 Created, keduanya menandakan kesuksesan.

Bagian 3: Verifikasi: Apakah Data Benar-Benar Bertambah?

Bagaimana kita tahu kalau Budi benar-benar sudah ditambahkan ke dalam daftar di server? Kita bisa memastikannya dengan meminta kembali seluruh daftar siswa.

  1. Kembali ke Tab GET: Buka kembali tab request GET /students yang pertama kali kita buat.
  2. Kirim Ulang Permintaan: Jangan ubah apa pun, langsung klik tombol Send lagi.

Sekarang, lihatlah bagian Body dari respons. Ajaib! Kamu akan melihat bahwa daftar siswa kini telah bertambah.

Ini membuktikan bahwa permintaan POST kita berhasil diterima dan diproses oleh server, yang kemudian mengubah data array students di dalam memori.

[
    {
        "id": 1,
        "nama": "Andi"
    },
    {
        "id": 2,
        "nama": "Citra"
    },
    {
        "id": 3,
        "nama": "Budi"
    }
]

Selamat! Kamu sekarang sudah paham alur kerja dasar seorang backend developer: membuat endpoint dan mengujinya untuk memastikan semuanya berfungsi sesuai harapan.