Perbedaan Frontend, Backend, dan Fullstack
Frontend (Client-Side)ā
- Bagian tampilan website (apa yang user lihat & klik).
- Fokus ke UI/UX (User Interface & User Experience).
- Tools utama: HTML, CSS, JavaScript, serta framework/library kayak React, Vue, Angular.
Contoh:
- Tombol "Like" di Instagram.
- Tampilan keranjang belanja di Shopee.
- Animasi transisi di Spotify Web.
Backend (Server-Side)ā
- Bagian di balik layar (nggak kelihatan user).
- Fokus ke logika aplikasi, server, database, keamanan.
- Tools utama: Node.js, Python, PHP, Go, Java.
- Database: MySQL, PostgreSQL, MongoDB.
Contoh:
- Verifikasi login Instagram.
- Proses pembayaran di Tokopedia.
- Menyimpan & menampilkan postingan Facebook.
Fullstack (Frontend + Backend)ā
- Developer yang bisa dua-duanya: frontend + backend.
- Bisa bikin web/app dari nol sampai jadi.
- Lebih fleksibel karena ngerti tampilan sekaligus logika di baliknya.
Contoh:
- Bikin website toko online sendiri: desain tampilan, bikin sistem login, sampai atur database produk.
Kesimpulanā
| Aspek | Frontend | Backend | Fullstack |
|---|---|---|---|
| Fokus | Tampilan & interaksi user | Logika, server, database | Gabungan keduanya |
| Tools | HTML, CSS, JS, React, Vue | Node.js, Python, PHP | Kombinasi frontend + backend |
| Contoh | UI Shopee, tombol Like IG | Login check, sistem pembayaran | Web/app lengkap end-to-end |