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

Teori sudah cukup, sekarang saatnya tangan kita “kotor” dengan kode! 💻

Di pelajaran ini, kita akan membangun sebuah server web yang sangat sederhana menggunakan Node.js murni, tanpa bantuan library apa pun. Setelah itu, kita akan mencoba “menyapa” server kita menggunakan Postman.

Bagian 1: Praktik Kode: Membuat Server HTTP Pertama

Ayo kita mulai membangun server kita. Ikuti langkah-langkah berikut:

Siapkan Folder Proyek

  • Buat sebuah folder baru di komputermu. Beri nama yang jelas, misalnya project-backend-pertama.
  • Buka aplikasi Visual Studio Code, lalu buka folder yang baru saja kamu buat melalui menu File > Open Folder....

2. Buat File Server

  • Di dalam VSCode, buat sebuah file baru dengan nama server.js. Ini akan menjadi tempat kita menulis kode server kita.

3. Tulis Kode Server

  • Salin dan tempel (copy-paste) seluruh kode di bawah ini ke dalam file server.js milikmu.
// 1. Memuat modul http bawaan dari Node.js
const http = require('http');

// 2. Mendefinisikan port di mana server akan berjalan
const port = 3000;

// 3. Membuat server itu sendiri
const server = http.createServer(function (request, response) {
  // Mengatur header respons, memberitahu browser bahwa kita mengirim teks biasa
  response.writeHead(200, { 'Content-Type': 'text/plain' });
  
  // Menulis isi respons yang akan dikirim ke client
  response.end('Halo, ini server pertamamu dengan Node.js!');
});

// 4. Memberitahu server untuk mulai "mendengarkan" permintaan di port yang telah ditentukan
server.listen(port, function () {
  // Menampilkan pesan di terminal saat server sudah berhasil berjalan
  console.log(`Server sudah berjalan dan siap diakses di http://localhost:${port}`);
});

4. Jalankan Server

  • Buka Terminal di dalam VSCode melalui menu Terminal > New Terminal.
  • Di dalam terminal, ketikkan perintah berikut dan tekan Enter:
    node server.js
    
  • Jika semua berjalan lancar, kamu akan melihat pesan: Server sudah berjalan dan siap diakses di http://localhost:3000.

Selamat! Kamu baru saja berhasil membuat dan menjalankan sebuah server web! 🎉 Servermu sekarang sedang aktif dan menunggu ada yang “menyapa”.

Bagian 2: Menggunakan Postman untuk “Menyapa” Server

Server kita sudah berjalan, tapi bagaimana cara kita berinteraksi dengannya? Di sinilah Postman berperan.

1. Buka Postman

  • Jalankan aplikasi Postman yang sudah kamu instal sebelumnya.

2. Buat Request Baru

  • Klik ikon + untuk membuka sebuah tab request baru.

3. Atur Request

  • Pastikan metode yang terpilih adalah GET.
  • Di kolom “Enter request URL”, masukkan alamat server kita: http://localhost:3000

4. Kirim Request

  • Klik tombol Send yang berwarna biru.

5. Lihat Respons

  • Lihatlah ke bagian bawah jendela Postman. Di sana ada panel Response.
  • Di dalam tab Body, kamu akan melihat teks: Halo, ini server pertamamu dengan Node.js!.

Luar biasa! Kamu baru saja berhasil mengirimkan permintaan dari Postman (yang bertindak sebagai client) ke server Node.js-mu, dan servermu telah memberikan respons dengan benar. Ini adalah siklus komunikasi dasar antara client dan server yang akan terus kita gunakan.