Postingan

Menampilkan postingan dari April, 2026

Belajar Web API Jadi Gampang: Contoh POST Sederhana pakai JScroot & webhook.cool

Gambar
💻 Belajar Web API Sederhana: Kirim Data dari Website dengan POST (JScroot + webhook.cool) Dalam dunia web development modern, hampir semua website yang kita gunakan tidak berdiri sendiri. Di balik tampilan yang kita lihat, ada proses komunikasi antara website (frontend) dan server (backend) yang terjadi terus-menerus. Komunikasi inilah yang disebut API. API (Application Programming Interface) bisa dipahami sebagai jembatan yang menghubungkan website dengan server. Ketika sebuah website ingin mengambil data atau mengirim data, dia tidak bisa melakukannya langsung ke database. Website harus “berbicara” melalui API. Cara berbicara ini biasanya menggunakan HTTP request, seperti GET untuk mengambil data dan POST untuk mengirim data. Kalau kita sederhanakan, GET itu seperti kita membaca informasi dari server, sedangkan POST adalah ketika kita mengirimkan sesuatu ke server, misalnya form, pesan, atau input dari user. Di tutorial ini kita akan fokus pada POST karena kita akan membuat website ...

Membuat dasar sistem blokir sederhana (simulasi)

Gambar
1. Buka file eksplorer lalu buat folder baru project kalian namanya terserah kalian ajalah 2. Setelah itu buka Visual Studio Code kalian 3. Lalu open folder tadi yang telah kalian buat 4. Lalu buat file html baru yang diberi nama blocked.html Klik icon tersebut untuk buat file baru (Gambar 1 : Icon untuk buat file baru) Lalu isi kolom tersebut dengan blocked.html (Gambar 2 : Kolom untuk mengisi nama file) Setelah mengisi kolom tersebut dengan blocked.html, lalu klik enter (Gambar 3 : Isi file tersebut dengan blocked.html) Lalu isi file kosong (Gambar 4 : Isi file kosong tersebut dengan kode program) 5. Setelah itu isi file tersebut dengan kode program seperti dibawah ini: <! DOCTYPE html > < html > < head >   < title > Blocked </ title > </ head > < body >   < h1 > Website Diblokir 🚫 </ h1 >   < p > Kembali fokus belajar! </ p > </ body > </ html > (Gambar 5 : kode program blocked.html) 6. Lal...