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
Pre-Test Topik 1: Apa yang Kamu Tahu Tentang Dunia di Balik Layar?
00:10:00
Konsep Dasar Backend dan RESTful API
Mengenal Library Backend di JavaScript
Instalasi dan Persiapan Lingkungan Pengembangan
Praktik: HTTP Server Pertama dengan Node.js
Post-Test Topik 1 - Dasar-Dasar Backend
00:10:00
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
Pre-Test Topik 2: Siap Mengenal Express.js?
00:10:00
Membuat Server HTTP dengan Express.js
Pengenalan Routing (GET, POST)
Praktik: RESTful API Data Siswa (Tanpa Database)
Menguji API dengan Postman (GET, POST)
Post-Test Topik 2: Uji Kemampuan Express.js Dasarmu!
00:10:00
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
Pre-Test Topik 3: Siap untuk Merapikan Kode?
00:10:00
Kenapa Struktur Proyek yang Rapi Itu Penting?
Menyusun Folder Proyek Express.js
Modularisasi Router dan Controller
Penanganan Error Dasar (Error Handling)
Postman Lanjutan: PUT, DELETE, dan Environment Variables
Post-Test Topik 3: Seberapa Rapi Kodemu Sekarang?
00:20:00
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
Pre-Test Topik 4: Siap Menyimpan Data Sungguhan?
00:10:00
Masalah Data yang Tidak Permanen
Apa itu Supabase?
Persiapan dan Koneksi ke Supabase
Praktik: CRUD API dengan Database Supabase
Post-Test Topik 4: Uji Kekuatan API-mu dengan Database!
00:10:00
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
Pre-Test Topik 5: Siap Pamerkan Karyamu?
00:10:00
Pengujian API Lanjutan di Postman
Membuat Dokumentasi API dengan Postman
Pengenalan Dokumentasi dengan Swagger
Publikasi Proyek ke GitHub
Post-Test Topik 5: Pamerkan Karyamu!
00:10:00
Belajar Backend Pemula dengan Express.js dan Supabase

Pada pelajaran sebelumnya, kita sudah berhasil membuat server dengan Express.js menggunakan kode app.get('/', ...). Bagian inilah yang disebut dengan Route (Rute).

Sekarang, kita akan membahas lebih dalam tentang apa itu routing dan apa saja jenis-jenisnya.

Bagian 1: Apa Itu Routing?

Bayangkan kamu menelepon ke sebuah kantor besar. Kamu akan disambut oleh seorang resepsionis atau operator telepon. Kamu lalu memberitahu tujuanmu, “Saya ingin bicara dengan bagian Keuangan,” atau “Tolong sambungkan ke bagian Pemasaran.”

Tugas si operator adalah mengarahkan panggilanmu ke bagian yang tepat.

Routing di dalam API bekerja persis seperti itu. Ia adalah mekanisme yang bertugas untuk:

  1. Mendengarkan permintaan yang masuk ke sebuah alamat URL (disebut juga path atau endpoint).
  2. Mengarahkan permintaan tersebut ke fungsi atau logika yang sesuai untuk menanganinya.

Contoh:

  • Jika ada permintaan ke /students, router akan mengarahkannya ke fungsi untuk menampilkan semua data siswa.
  • Jika ada permintaan ke /teachers, router akan mengarahkannya ke fungsi untuk menampilkan data guru.

Di Express.js, kita mendefinisikan route dengan struktur:

app.METHOD(PATH, HANDLER)

  • METHOD: Metode HTTP yang akan kita bahas di bawah.
  • PATH: Alamat URL yang dituju.
  • HANDLER: Fungsi yang akan dieksekusi jika ada permintaan ke path tersebut.

Bagian 2: Mengenal Metode HTTP

Metode HTTP adalah “kata kerja” yang memberitahu server jenis tindakan apa yang ingin dilakukan oleh client. Ada banyak metode, tetapi 5 di antaranya adalah yang paling umum digunakan dalam pembuatan RESTful API.

  • GET
    • Fungsi Utama: Membaca atau Mengambil data.
    • Analogi Sederhana: Membaca menu di restoran. Kamu hanya melihat, tidak mengubah apa pun.
  • POST
    • Fungsi Utama: Membuat data baru.
    • Analogi Sederhana: Mengisi dan menyerahkan formulir pendaftaran. Kamu memberikan informasi baru.
  • PUT
    • Fungsi Utama: Memperbarui data secara keseluruhan.
    • Analogi Sederhana: Mengganti seluruh isi biodata di profilmu dengan yang baru.
  • PATCH
    • Fungsi Utama: Memperbarui sebagian kecil dari data.
    • Analogi Sederhana: Hanya mengganti foto profilmu, tanpa mengubah biodata lainnya.
  • DELETE
    • Fungsi Utama: Menghapus data.
    • Analogi Sederhana: Menghapus postingan di media sosial.

Fokus: Metode GET dan POST

Untuk saat ini, kita akan fokus pada dua metode yang paling dasar dan paling sering digunakan.

1. GET (Membaca Data) Metode GET adalah metode yang paling sederhana. Tujuannya murni untuk meminta data dari server. Setiap kali kamu membuka sebuah halaman web, browser-mu sebenarnya sedang melakukan permintaan GET ke server untuk mengambil konten halaman tersebut.

  • Contoh Kasus:
    • Mengambil daftar semua siswa.
    • Mengambil detail satu siswa berdasarkan ID-nya.
    • Melihat daftar produk di sebuah toko online.

2. POST (Membuat Data Baru) Metode POST digunakan ketika client ingin mengirimkan data ke server untuk disimpan sebagai data baru. Data yang dikirim ini biasanya diletakkan di dalam body dari sebuah request.

  • Contoh Kasus:
    • Menambahkan data siswa baru ke dalam sistem.
    • Membuat postingan baru di media sosial.
    • Mendaftarkan akun pengguna baru.

Di pelajaran selanjutnya, kita akan langsung mempraktikkan cara membuat route GET dan POST untuk studi kasus “data siswa”.

Previous
Next