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! Kamu telah berhasil membangun sebuah proyek API yang fungsional, terdokumentasi, dan teruji dengan baik. Langkah terakhir dari seorang developer adalah memamerkan hasil karyanya kepada dunia. Tempat terbaik untuk melakukannya adalah GitHub.

Bagian 1: Apa Itu GitHub? (Portofolio Digital Developer)

GitHub adalah sebuah platform online yang digunakan oleh jutaan developer di seluruh dunia untuk menyimpan, mengelola, dan berkolaborasi dalam proyek kode. Anggap saja ini seperti “Google Drive” atau “Instagram” khusus untuk para pembuat kode.

Fungsi utama GitHub adalah:

  • Menyimpan Kode secara Online: Menjadi backup aman untuk semua proyekmu.
  • Version Control (Kontrol Versi): Dengan bantuan alat bernama Git, GitHub menyimpan riwayat setiap perubahan yang kamu buat. Jadi, jika ada kesalahan, kamu bisa kembali ke “versi” sebelumnya dengan mudah.
  • Kolaborasi: Memudahkan kerja sama dalam tim.
  • Membangun Portofolio: Ini yang paling penting untukmu sekarang. Profil GitHub-mu adalah CV digital-mu. Semakin banyak proyek berkualitas yang kamu tampilkan di sana, semakin baik reputasimu di mata perusahaan atau calon klien.

Bagian 2: Panduan Membuat Akun GitHub

Jika kamu belum punya akun, prosesnya sangat mudah.

  1. Buka Situs GitHub: Kunjungi github.com.
  2. Daftar: Klik tombol “Sign up” dan ikuti proses pendaftarannya. Kamu akan diminta mengisi email, membuat password, dan memilih username. Pilihlah username yang profesional karena ini akan menjadi identitasmu di dunia developer.

Bagian 3: Praktik: Mengunggah Proyek ke GitHub

Sekarang kita akan mengunggah project-express kita. Proses ini menggunakan alat baris perintah (command line) bernama Git.

Langkah 0: Instal Git Jika komputermu belum terinstal Git, unduh terlebih dahulu dari git-scm.com/downloads dan instal dengan pengaturan default.

Langkah 1: Buat Repositori Baru di GitHub

  1. Login ke akun GitHub-mu.
  2. Di pojok kanan atas, klik ikon + lalu pilih “New repository”.
  3. Beri nama repositorimu (misalnya, bootcamp-api-siswa), berikan deskripsi singkat (opsional), pastikan statusnya Public, lalu klik “Create repository”.

Langkah 2: Hubungkan Proyek Lokal dengan GitHub Buka terminal di dalam folder proyekmu di VSCode, lalu jalankan perintah-perintah berikut satu per satu:

  1. Inisialisasi Git di Proyekmu:
    git init
  2. Buat file .gitignore: Buat sebuah file baru di folder utama proyekmu bernama .gitignore. Isi file tersebut dengan satu baris ini untuk memberitahu Git agar tidak mengunggah folder node_modules yang sangat besar:
    node_modules/
  3. Tambahkan Semua File untuk Dilacak:
    git add .
  4. Buat “Simpanan” Pertama (Commit):
    git commit -m "Initial commit: Proyek API Data Siswa"
  5. Hubungkan dan Unggah: Kembali ke halaman repositori GitHub yang kamu buat tadi. Salin dan tempel tiga baris perintah yang disediakan di bawah bagian “…or push an existing repository from the command line”. Perintahnya akan terlihat seperti ini:
    git remote add origin https://github.com/USERNAME_ANDA/NAMA_REPO_ANDA.git
    git branch -M main
    git push -u origin main

Tunggu prosesnya selesai. Sekarang, coba segarkan (refresh) halaman repositori GitHub-mu. Semua kodemu sudah berhasil diunggah!

Bagian 4: Membuat File README.md yang Informatif

Saat orang lain mengunjungi repositorimu, hal pertama yang mereka lihat adalah isi dari file README.md. Ini adalah “halaman sampul” proyekmu. Mari kita buat yang bagus.

  1. Buat File: Di VSCode, buat file baru di folder utama proyekmu bernama README.md.

  2. Isi dengan Informasi Penting: Gunakan format Markdown untuk menjelaskan proyekmu. Berikut adalah contoh template sederhana:

    # Proyek API Data Siswa
    
    Ini adalah proyek RESTful API sederhana yang dibuat sebagai bagian dari Mini Bootcamp Backend Pemula dengan Express.js dan Supabase.
    
    ## Deskripsi
    
    API ini memungkinkan pengguna untuk melakukan operasi CRUD (Create, Read, Update, Delete) pada data siswa. Proyek ini dibangun menggunakan Node.js, Express.js, dan terhubung ke database PostgreSQL melalui Supabase.
    
    ## Fitur / Endpoint API
    
    * `GET /students`: Mengambil semua data siswa.
    * `POST /students`: Menambahkan data siswa baru.
    * `PUT /students/:id`: Memperbarui data siswa berdasarkan ID.
    * `DELETE /students/:id`: Menghapus data siswa berdasarkan ID.
    
    ## Cara Menjalankan Proyek Secara Lokal
    
    1.  Clone repositori ini.
    2.  Jalankan `npm install` untuk menginstal semua dependensi.
    3.  Buat file konfigurasi Supabase Anda.
    4.  Jalankan server dengan `node src/index.js`.
  3. Unggah README.md: Simpan file README.md, lalu kembali ke terminal dan jalankan perintah-perintah ini untuk mengunggah perubahan terakhirmu:
    git add README.md
    git commit -m "docs: Menambahkan file README.md"
    git push

Segarkan kembali halaman GitHub-mu. Sekarang repositorimu terlihat jauh lebih profesional dan informatif.

Selamat! Kamu telah menyelesaikan seluruh materi bootcamp dan berhasil mempublikasikan hasil kerjamu!