Kode yang berjalan di browser dapat dilihat dan dimodifikasi oleh pengguna, sehingga aplikasi frontend harus menganggap semua input berpotensi berbahaya. Section ini membahas ancaman umum dan kebiasaan pemrograman yang menutup celahnya.

# Cross-Site Scripting

Mengenal vektor XSS: penyisipan markup dan skrip melalui input pengguna.

Buka → # Safe DOM Updates

Menggunakan textContent dan sanitasi alih-alih innerHTML mentah.

Buka → # Avoiding eval

Mengapa eval dan new Function berisiko serta alternatif yang aman.

Buka → # URL Validation

Memvalidasi URL sebelum dipakai: protokol dan origin yang diizinkan.

Buka → # Dependency Security

Menjaga dependensi dengan npm audit, lockfile, dan pembaruan berkala.

Buka → # Secrets dan Client-Side Code

Kode browser terlihat semua orang; rahasia harus tetap berada di server.

Buka → # Content Security Policy Overview

Membatasi sumber skrip dan gaya dengan header Content-Security-Policy.

Buka → # Secure Browser Storage

Memilih data yang boleh disimpan di browser dan menandai data sensitif.

Buka →