Istilah asing bukan tembok. Kami jelaskan API, array, Git, dan kawan-kawannya dengan bahasa sehari-hari yang ramah pemula.
Menampilkan 33 istilah
Algoritma
Urutan langkah-langkah logis, terencana, dan terstruktur yang disusun secara sistematis untuk menyelesaikan masalah atau mencapai tujuan tertentu di komputer.
AnalogiSama seperti resep memasak mie instan: Langkah 1 rebus air, langkah 2 masukkan mie saat mendidih, langkah 3 campur bumbu di piring, langkah 4 tiriskan dan aduk. Urutan tidak boleh terbalik agar hasilnya matang sempurna.
Contoh: Algoritma pencarian nomor kontak di buku telepon secara alfabetis (A sampai Z).
Jembatan atau antarmuka perantara yang memungkinkan dua aplikasi perangkat lunak berbeda untuk saling "berbicara", meminta layanan, dan bertukar data secara aman.
AnalogiPelayan di sebuah restoran. Kamu (aplikasi pengguna) memesan makanan melalui pelayan, pelayan menyampaikan pesanan ke dapur (server), lalu membawakan kembali makanan yang sudah jadi ke mejamu.
Contoh: Website e-commerce menggunakan API RajaOngkir untuk mengecek tarif ongkos kirim ekspedisi secara otomatis.
Array
Struktur data berurutan yang digunakan untuk menampung sekumpulan nilai atau data bertipe sama/beragam di dalam satu variabel tunggal.
AnalogiRak sepatu bertingkat dengan nomor urut kotak 0, 1, 2, dst. Setiap kotak bisa diisi sepatu yang berbeda, dan kita bisa mengambil sepatu tertentu hanya dengan menyebut nomor kotaknya.
Contoh: Daftar nama siswa: const santri = ["Ahmad", "Zaid", "Fatimah"];
Backend
Bagian aplikasi yang beroperasi di balik layar (sisi server) yang menangani pengolahan logika bisnis, autentikasi pengguna, perhitungan rumit, serta komunikasi dengan basis data.
AnalogiDapur restoran tertutup tempat para koki meracik resep, memasak bahan, dan mengatur persediaan makanan di lemari pendingin. Pelanggan di ruang makan tidak melihat proses ini secara langsung.
Contoh: Kode yang mengecek apakah kata sandi login cocok dengan data di database sebelum mengizinkan pengguna masuk.
Backlog
Daftar prioritas seluruh fitur baru, perubahan, tugas perbaikan, maupun pekerjaan teknis yang belum dikerjakan dan menunggu giliran giliran eksekusi oleh tim pengembang.
AnalogiDaftar belanjaan atau to-do list harian di lemari es. Barang-barang dicatat terlebih dahulu, kemudian diambil satu per satu sesuai tingkat kebutuhan mendesak.
Contoh: Daftar tugas di Trello atau Jira: "Perbaiki tombol checkout", "Tambahkan fitur dark mode".
Cacat, kegagalan, atau kesalahan di dalam baris kode program komputer yang menyebabkan aplikasi berperilaku aneh, salah kalkulasi, atau berhenti berjalan (crash).
AnalogiKerikil kecil yang terselip di rantai sepeda sehingga kayuhan tiba-tiba macet atau rantainya melompat keluar dari gir.
Contoh: Tombol submit formulir tidak bisa diklik saat pengguna memakai nomor HP berawalan +62.
CSS Cascading Style Sheets
Bahasa penata gaya yang dipakai untuk mengatur tampilan visual, estetika, warna, tipografi, dan tata letak halaman web yang dibangun dengan HTML.
AnalogiPakaian, cat warna dinding, lampu hias, dan perabotan yang membuat sebuah rumah kosong menjadi indah, nyaman dipandang, dan rapi.
Contoh: Mengubah warna tombol menjadi merah dengan kode: button { background-color: red; }
Sistem penyimpanan data elektronik yang terstruktur rapi, aman, dan dapat diakses, dikelola, disaring, serta diperbarui dengan cepat oleh sistem komputer.
AnalogiLemari arsip digital raksasa dengan laci dan map berlabel rapi, sehingga kamu bisa menemukan berkas formulir salah satu santri hanya dalam hitungan milidetik.
Contoh: MySQL, PostgreSQL, atau SQLite yang menyimpan nama akun, password terenkripsi, dan riwayat transaksi.
Debugging
Proses mengidentifikasi, menganalisis akar masalah, dan memperbaiki bug atau kesalahan kode di dalam suatu aplikasi hingga program kembali bekerja normal.
AnalogiDokter atau montir handal yang memeriksa gejala mogok pada mesin motor, mencari kabel yang putus, dan menyambungkannya kembali dengan teliti.
Contoh: Menggunakan perintah console.log() untuk mencari tahu di mana nilai variabel tiba-tiba bernilai kosong.
Deployment
Serangkaian proses untuk memindahkan dan mengaktifkan kode aplikasi dari komputer pengembang lokal ke server publik agar bisa diakses pengguna di internet.
AnalogiHari peresmian toko offline: semua barang dagangan sudah ditata rapi di rak, pintu dibuka, dan papan nama dipasang di depan jalan agar pembeli dari luar bisa berkunjung.
Contoh: Mengunggah website Baricode ke Vercel atau hosting cPanel sehingga memiliki domain www.baricode.org.
DOM Document Object Model
Representasi pohon hierarki dari seluruh elemen HTML di halaman web yang memungkinkan JavaScript membaca, mengubah teks, memodifikasi style, dan menghapus elemen secara dinamis.
AnalogiPapan denah perabot interaktif di ruangan. Lewat papan kendali tersebut, kamu bisa menyalakan lampu, menggeser kursi, atau mengganti warna gorden tanpa harus merobohkan tembok rumah.
Kerangka kerja siap pakai berisikan sekumpulan aturan, alat, dan pustaka kode baku yang membantu programmer membangun aplikasi lebih cepat dan terstandarisasi.
AnalogiRangka cetakan atau cetakan kue siap pakai. Kamu tidak perlu membuat loyang atau menakar logam dari nol, cukup masukkan adonan sesuai aturan yang disediakan.
Contoh: Laravel untuk PHP, SvelteKit untuk JavaScript, atau Django untuk Python.
Frontend
Bagian antarmuka dari sebuah website atau aplikasi yang dilihat, diklik, dan berinteraksi langsung dengan panca indra pengguna di layar monitor atau smartphone.
AnalogiRuang pameran dan kasir di toko: dekorasi etalase, lampu toko yang hangat, daftar menu makanan yang menarik, dan kursi yang nyaman diduduki pembeli.
Contoh: Halaman beranda Baricode dengan tombol pendaftaran, formulir pencarian, dan animasi navigasi.
Function Fungsi / Method
Blok instruksi kode mandiri yang dirancang khusus untuk menjalankan satu tugas tertentu, dapat menerima masukan (parameter/argumen), dan mengembalikan hasil olahan (return value).
AnalogiMesin blender di dapur. Kamu masukkan potongan buah dan es batu (input/parameter), tekan tombol, blender berputar memproses, lalu menyajikan segelas jus segar (output).
Contoh: function hitungDiskon(harga, persen) { return harga * (persen / 100); }
Sistem pengontrol versi (Version Control System / VCS) terdistribusi untuk mencatat setiap riwayat revisi kode, berkolaborasi dengan programmer lain, dan mengembalikan file ke kondisi sebelumnya.
AnalogiMesin waktu atau tombol "Undo / Save Point" di dalam game petualangan. Sebelum menghadapi bos tantangan baru, kamu menyimpan status permainan agar bila kalah bisa kembali ke titik aman tanpa mengulang dari awal.
Platform layanan berbasis web dan cloud untuk menyimpan repositori Git, berkolaborasi antar developer di seluruh dunia, mereview kode, dan memamerkan portofolio karya perangkat lunak.
AnalogiMedia sosial sekaligus brankas portofolio karya bagi para programmer. Tempat memamerkan proyek buatanmu kepada publik atau calon klien dan perekrut kerja.
Contoh: Membuka repositori kode terbuka Baricode di github.com/baricode-indonesia.
HTML HyperText Markup Language
Bahasa markup standar universal yang digunakan untuk mendefinisikan kerangka, tulang punggung, dan struktur isi dari sebuah dokumen halaman web.
AnalogiTiang beton, dinding batu bata, dan lantai dasar sebuah bangunan rumah sebelum dipasangi cat atau perabotan.
Contoh: Menuliskan <h1>Ini Judul Halaman</h1> dan <p>Ini paragraf penjelasan.</p>
Aplikasi perangkat lunak terintegrasi yang menyediakan fasilitas lengkap bagi programmer untuk menulis kode, melihat rekomendasi otomatis, menjalankan kode, dan melacak bug.
AnalogiMeja bengkel profesional yang lengkap dengan penerangan, laci perkakas otomatis, kaca pembesar, dan peralatan multimeter dalam satu jangkauan tangan.
Contoh: Visual Studio Code (VS Code), Android Studio, atau PhpStorm.
Internet
Sistem jaringan komunikasi komputer global yang saling terhubung menggunakan protokol standar internet (TCP/IP) untuk melayani miliaran pengguna di seluruh penjuru dunia.
AnalogiJalan tol antarprovinsi dan jembatan antarpulau raksasa tanpa henti yang memungkinkan mobil-mobil pengantar surat (paket data) mengantarkan surat dari desa ke luar negeri dalam sekejap.
Contoh: Dua komputer yang berada di Jakarta dan Kairo dapat saling bertukar teks dalam waktu sepersekian detik.
Bahasa pemrograman paling populer di dunia yang digunakan untuk menambahkan logika dinamis, animasi interaktif, dan fungsionalitas kompleks di halaman web maupun server.
AnalogiSistem kelistrikan dan motor penggerak rumah. Tanpa listrik, saklar lampu hanyalah pajangan dinding. Dengan listrik, saat tombol ditekan lampu langsung menyala.
Contoh: Menampilkan pop-up peringatan atau memuat data komentar baru tanpa perlu memuat ulang (reload) halaman website.
JSON JavaScript Object Notation
Format pertukaran data berbasis teks ringan yang mudah dibaca dan ditulis oleh manusia serta sangat efisien untuk diurai (parsed) dan dihasilkan oleh mesin komputer.
AnalogiKertas formulir pendaftaran resmi yang memiliki kolom nama dan isian data yang disepakati bersama oleh semua kantor cabang.
Alat pengujian beban (load testing) dan performa modern open-source berbasis Go dan JavaScript untuk menguji keandalan server, API, dan sistem saat menerima lonjakan ribuan pengguna virtual secara bersamaan.
AnalogiSimulasi gladi resik jalan raya atau uji beban jembatan baru. Sebelum jembatan dibuka untuk umum, ratusan truk bermuatan berat dijalankan serentak untuk memastikan jembatan kokoh dan tidak runtuh saat terjadi kemacetan parah.
Contoh: Menjalankan perintah "k6 run script.js" dengan skenario 100 Virtual Users (VUs) selama 30 detik untuk menguji kecepatan respons server.
Perangkat lunak yang kode sumbernya (source code) disediakan secara terbuka untuk umum sehingga siapa saja boleh mempelajari, memodifikasi, meningkatkan, dan membagikannya kembali.
AnalogiResep rahasia kuliner lezat yang dibagikan secara ikhlas di media sosial agar ibu-ibu di seluruh pelosok desa bisa ikut memasak dan memodifikasinya.
Contoh: Sistem operasi Linux, framework Svelte, dan basis data PostgreSQL.
Repository Repo
Folder penyimpanan digital tempat seluruh berkas kode proyek disimpan, lengkap dengan seluruh catatan riwayat perubahan (history) dari awal hingga versi terbaru.
AnalogiBrankas map proyek lengkap berstempel tanggal. Di dalamnya tersimpan draft lembaran pertama rancangan hingga buku final yang sudah dicetak rapi.
Contoh: Folder proyek di komputer yang sudah diinisiasi dengan perintah git init.
Responsive
Teknik perancangan web di mana tata letak antarmuka otomatis menyesuaikan ukuran, orientasi, dan proporsi layar perangkat pengguna (dari HP kecil, tablet, hingga monitor lebar).
AnalogiAir putih di dalam wadah: bila dituangkan ke cangkir kecil ia berbentuk cangkir, bila dipindah ke mangkuk ia menyesuaikan bentuk mangkuk tanpa tumpah keluar.
Contoh: Menu navigasi yang tadinya berderet ke samping di laptop otomatis berubah menjadi tombol burger ☰ saat dibuka di layar HP.
Server
Komputer berdaya tahan tinggi yang terhubung ke jaringan tanpa henti dan bertugas menyediakan data, layanan, atau sumber daya kepada komputer pengguna (client) yang memintanya.
AnalogiToko kelontong 24 jam dengan petugas yang selalu terjaga di kasir dan siap melayani setiap kali ada pelanggan yang datang mengetuk pintu.
Contoh: Server web Nginx atau Apache yang mengirimkan file HTML ke browser saat kamu mengetikkan alamat www.baricode.org.
SQL Structured Query Language
Bahasa terstandarisasi yang dirancang khusus untuk mengelola, mengambil, menyaring, memperbarui, dan memanipulasi relasi data di dalam basis data (database).
AnalogiPustakawan ahli yang hafal letak seluruh buku di perpustakaan besar. Saat kamu bertanya: "Tolong carikan buku terbitan tahun 2024 yang ditulis penulis bernama Ahmad", pustakawan langsung membawakan bukunya.
Contoh: SELECT * FROM santri WHERE nilai > 80;
Syntax Sintaks
Aturan penulisan tata bahasa resmi, tanda baca, dan susunan kata yang wajib dipatuhi agar perintah dalam bahasa pemrograman dapat dipahami dan dijalankan oleh komputer.
AnalogiAturan ejaan tata bahasa Indonesia (PUEBI). Jika ada huruf atau tanda baca yang salah letak, maknanya bisa kacau atau tidak dimengerti oleh pembaca.
Contoh: Lupa menutup kurung kurawal } atau tanda kutip " akan memicu SyntaxError saat kode dijalankan.
Tutorial Hell
Kondisi mental di mana seorang pembelajar merasa paham saat menonton video tutorial, tetapi langsung merasa bingung, macet, dan tak tahu harus mengetik apa ketika mencoba ngoding sendiri dari layar kosong.
AnalogiMerasa sudah jago berenang karena setiap hari menonton video atlet renang di YouTube, tetapi begitu terjun sendiri ke dalam kolam air langsung panik dan gelagapan.
Contoh: Sudah menyelesaikan puluhan playlist video web development tapi belum pernah membuat satu pun website portofolio mandiri.
Variabel
Nama penampung atau wadah di dalam memori komputer yang digunakan untuk menyimpan suatu nilai atau data yang nilainya dapat dibaca atau diubah selama program berjalan.
AnalogiKotak kardus berlabel nama spidol, misalnya label "Skor Permainan". Isinya bisa kamu masukkan angka 0, lalu saat pemain mendapat poin, angkanya kamu ganti menjadi 10.
Contoh: let namaSiswa = "Budi"; namaSiswa = "Santoso";
Vibe Coding
Gaya pemrograman modern di mana pengembang menulis kode secara lebih santai dan produktif dengan memandu asisten AI (seperti Claude atau ChatGPT) menggunakan instruksi bahasa manusia terarah.
AnalogiMenjadi seorang sutradara film yang menjelaskan jalan cerita, karakter, dan emosi adegan kepada juru kamera dan kru ahli yang bertugas mengeksekusi rekamannya secara teknis.
Contoh: Meminta AI: "Buatkan komponen kartu testimonial responsif dengan tema gelap menggunakan Tailwind CSS."