Halo temen-temen programmer semua! Kalian yang udah pernah baca salah satu atau lebih artikel yang aku buat, pasti pernah nemu kata 'Backend' ataupun 'Frontend'. Nah bagi kalian yang baru terjun ke dunia *web development* mungkin seringnya ngerasa bingung ngebedain mana wilayah kerja Frontend dan mana wilayah kerja Backend. Apakah Frontend cuman ngurusin warna tombol? Atau Backend cuman ngurusin database doang?

Seringnya bagi yang masih pemula, pemahaman yang setengah-setengah ini bikin bingung mau milih jalur yang mana. Ada yang bilangnya "Frontend mah gampang, cuma main HTML doang", tapi ada juga yang bilangnya "Jangan milih doang, isinya ngurusin logika semua". Padahal nih realitanya, kedua posisi itu punya tingkat kesulitan dan tantangannya masing-masing yang ga bisa dibandingin secara apple-to-apple.

Nah di artikel kali ini, kita bakalan ngebahas bareng-bareng mengenai apa aja perbedaan mendasar antara Frontend dan Backend, gimana cara kerja keduanya, serta peran apa aja yang mereka pegang dalam sebuah siklus pengembangan aplikasi. Yuk, kita bahas bareng-bareng!

Frontend: Bagian yang Berinteraksi Langsung dengan Si User

Kalau dijelasin pake kata-kata yang sederhana, Frontend itu adalah bagian dari website yang langsung dilihat dan diajak interaksi oleh si pengguna (user). Kalau kita ibaratkan nih sebuah restoran, Frontend ini adalah area ruang makannya, dekorasinya, mejanya, sampai ke kasir yang nerima pesanan tamu.

Tugas utama seorang Frontend Developer adalah menerjemahkan desain (biasanya yang dibuat dari UI/UX Designer) jadi kode yang bisa dijalankan di browser. Mereka harus mastiin kalau tampilan website terlihat cantik, responsif di segala ukuran layar (mulai dari HP sampai ke monitor TV), dan tentunya nyaman buat dipake oleh para pengguna.

Dulu, standard Frontend yang bagus ya mungkin cuman sebatas HTML, CSS, dan sedikit Javascript buat bikin animasi sederhana. Tapi sekarang? Jadi dasar yang paling dasarnya. Sekarang itu kompleksitasnya udah jauh meningkat. Frontend Developer zaman sekarang dituntut buat paham framework-framework modern kayak React, Vue, atau Angular. Sekarang mereka ga cuma ngurusin tampilan, tapi juga ngelola state management (proses ngelola dan data yang berubah-rubah dalam aplikasi) dan alur data di sisi client (bagian aplikasi yang jalan langsung di perangkat pengguna) biar aplikasi kerasa ringan dan cepet tanpa harus refresh page tiap 5 menit.

Backend: Bagian Logika di Balik Layar

Nah, kalau Frontend ibaratnya kayak ruang makan restoran, Backend itu ibaratnya kayak dapurnya. Pengunjung ga pernah liat gimana koki motong daging atau ngeracik bumbu, tapi mereka bisa ngerasain gimana hasil masakannya. Backend adalah bagian yang gak terlihat dari sebuah website yang bertugas ngelola data, logika bisnis, dan keamanan.

Seorang Backend Developer itu tugasnya fokus pada sisi server. Mereka yang bertanggung jawab buat bikin sistem pendaftaran akun, mastiin password user tersimpan dengan aman (dienkripsi), ngelola transaksi pembayaran, sampai ke nyediain data yang diminta oleh Frontend. Bahasa pemrograman yang dipake pun beragam, mulai dari PHP (Laravel), Python (Django), Go, sampai Java.

Tantangan di Backend itu biasanya berkaitan sama performa dan skalabilitas. Gimana caranya server tetep stabil pas diakses sama ribuan orang sekaligus? Gimana caranya query database tetep cepet walau datanya udah jutaan? Nah, hal-hal teknis yang berat dan logis itu harus kalian pelajari kalau kalian mau milih jalur backend.

API: Jembatan Penghubung yang Krusial

"Loh, API apaan? Perasaan ga ada dijudul." iya emang ga ada kok, tapi kalau ngebahas frontend dan backend API juga harus dibahas biar ga ada yang ganjel.

Bayangin lagi soal restoran tadi. Pelanggan ga mungkin kan teriak langsung ke koki (Backend) di dapur buat pesen makanan? Butuh pelayan buat nyatep pesanan dan nganterin ke dapur. Nah, bener, API inilah pelayannya.

Frontend bakal request data ke Backend lewat API (misalnya: minta daftar produk). Terus Backend bakal ngolah request itu, ngambil data dari database, dan ngirim balik responnya (biasanya dalam format JSON) ke Frontend buat ditampilin. Jadi, Frontend dan Backend itu kerja secara terpisah tapi saling ketergantungan. Frontend ga bakal bisa nampilin data kalau Backend-nya error, dan Backend ga bakal ada gunanya kalau ga ada Frontend yang nampilin datanya ke user (ya buat apa juga nampilin data JSON ke user).

Kesimpulan?

Pada akhirnya, Frontend dan Backend adalah dua elemen yang membentuk satu kesatuan utuh dalam ekosistem pengembangan aplikasi. Frontend hadir untuk memastikan pengguna mendapatkan pengalaman visual dan interaksi, sementara Backend hadir untuk menjamin integritas data, keamanan, dan logika bisnis berjalan biar ga ada hambatan hambatan.

Keduanya memiliki tanggung jawab spesifik yang tidak bisa saling menggantikan, namun sangat bergantung satu sama lain. Sebuah aplikasi modern yang sukses adalah hasil dari sinergi kedua peran ini, di mana kode yang efisien di sisi server bertemu dengan antarmuka yang responsif di sisi pengguna. Sekian untuk artikel kali ini. Sampai bertemu di lain waktu!

Daftar referensi:

- [https://www.dicoding.com/blog/apa-itu-back-end/]
- [https://roadmap.sh/frontend]
- [https://roadmap.sh/backend]

Image source:

https://9gag.com/gag/aKB7Bz1