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

Selamat datang di Topik 2! Pada pelajaran sebelumnya, kita berhasil membuat server dengan Node.js murni. Kamu mungkin merasa kodenya sedikit panjang untuk tugas yang sederhana. Nah, sekarang kita akan berkenalan dengan “alat bantu” super populer yang akan membuat hidup kita sebagai developer backend jauh lebih mudah: Express.js.

Bagian 1: Apa Itu Express.js dan Kelebihannya?

Express.js adalah sebuah framework (kerangka kerja) untuk Node.js. Anggap saja seperti ini: Jika Node.js adalah mesin mobilnya, maka Express.js adalah rangka, bodi, dan setir mobil yang sudah siap pakai. Kita tidak perlu merakit semuanya dari awal.

  • Kode Jauh Lebih Singkat dan Rapi: Untuk membuat server sederhana, kode yang kita tulis di Express.js bisa 50% lebih pendek dan jauh lebih mudah dibaca daripada kode Node.js murni.
  • Manajemen Routing yang Mudah: Routing adalah proses menentukan bagaimana aplikasi merespons permintaan ke URL tertentu (misalnya, /profil atau /produk). Di Express, membuat puluhan route berbeda sangatlah mudah dan terstruktur.
  • Konsep Middleware yang Kuat: Express menggunakan middleware, yaitu fungsi-fungsi yang bekerja seperti “penjaga keamanan” atau “pemeriksa” di setiap permintaan yang masuk. Ini sangat berguna untuk validasi, otentikasi, dan banyak lagi.

Bagian 2: Inisialisasi Proyek Node.js (npm init)

Setiap kali kita memulai proyek Node.js yang baru, langkah pertamanya adalah melakukan inisialisasi. Proses ini akan membuat sebuah file “kartu identitas” untuk proyek kita yang bernama package.json.

  1. Buat Folder Baru: Buat sebuah folder baru di komputermu, misalnya project-express.

  2. Buka di VSCode: Buka folder tersebut di Visual Studio Code.

  3. Buka Terminal: Buka terminal baru di dalam VSCode (Terminal > New Terminal).

  4. Jalankan Perintah Init: Ketik perintah berikut di terminal dan tekan Enter.

npm init -y
  • npm init adalah perintah untuk memulai proses inisialisasi.
  • Flag -y berarti kita menyetujui semua pertanyaan default secara otomatis.

Setelah perintah ini dijalankan, kamu akan melihat sebuah file baru bernama package.json di dalam foldermu. File ini akan mencatat semua informasi tentang proyekmu, termasuk library apa saja yang kamu gunakan.

Bagian 3: Instalasi Express.js

Sekarang proyek kita sudah siap, saatnya menambahkan Express.js ke dalamnya.

  1. Pastikan Terminal Terbuka: Pastikan kamu masih berada di dalam terminal di folder proyekmu.

  2. Jalankan Perintah Instalasi: Ketik perintah berikut dan tekan Enter.

npm install express

Perintah ini akan memberitahu npm (Node Package Manager) untuk mengunduh library Express.js dari internet dan menyimpannya di dalam folder proyek kita (di dalam folder baru bernama node_modules). Selain itu, npm juga akan secara otomatis mencatat express sebagai dependensi di dalam file package.json kita.

Bagian 4: Praktik Kode: Mengubah Server ke Express.js

Saatnya kita ubah kode server lama kita menjadi kode Express yang lebih elegan!

  1. Buat File Baru: Buat sebuah file baru di dalam proyekmu dengan nama index.js.

  2. Tulis Kode Express: Salin dan tempel kode di bawah ini ke dalam file index.js. Perhatikan bagaimana kode ini jauh lebih pendek!

    // 1. Memuat library express
    const express = require('express');
    
    // 2. Membuat instance dari aplikasi express
    const app = express();
    
    // 3. Mendefinisikan port
    const port = 3000;
    
    // 4. Membuat route untuk alamat utama ('/')
    // app.get() berarti kita menangani permintaan GET
    app.get('/', function (request, response) {
      // Mengirim respons ke client
      response.send('Halo, ini server pertamamu dengan Express.js!');
    });
    
    // 5. Memberitahu server untuk mulai mendengarkan di port yang ditentukan
    app.listen(port, function () {
      console.log(`Server berjalan di http://localhost:${port}`);
    });
  3. Jalankan Server Express: Buka terminal dan jalankan server barumu dengan perintah:
    node index.js
  4. Uji Coba di Postman: Buka Postman, kirim permintaan GET ke http://localhost:3000 seperti yang kita lakukan di pelajaran sebelumnya.

    Hasilnya? Kamu akan mendapatkan respons yang sama: Halo, ini server pertamamu dengan Express.js!.

Selamat! Kamu telah berhasil membuat server dengan Express.js. Lihat betapa lebih singkat dan mudah dibaca kodenya dibandingkan dengan versi Node.js murni. Ini adalah langkah besar pertama dalam perjalanan backend development-mu!