Mengenal SPA

Pengertian SPA

• Single Page Application (SPA) adalah aplikasi web yang hanya memuat satu halaman HTML di awal.
• Perubahan halaman terjadi tanpa reload browser.
• Navigasi antar “halaman” dikendalikan oleh JavaScript.
• Data biasanya diambil dari server melalui API (REST/JSON).
• Contoh SPA: dashboard admin, aplikasi email web, aplikasi keuangan online.

Cara Kerja SPA Secara Umum

• Browser pertama kali memuat satu file HTML sebagai entry point.
• JavaScript akan dijalankan untuk menginisialisasi aplikasi.
• JavaScript bertugas:
  • Mengambil data dari server
  • Mengatur logika aplikasi
  • Mengubah tampilan halaman
• Ketika user berpindah menu, hanya konten yang berubah, bukan halaman.
• Server berperan sebagai penyedia data, bukan penyedia halaman HTML.

Manipulasi Tampilan (UI)

• Tampilan halaman diubah menggunakan JavaScript.
• Perubahan dilakukan dengan:
  • Menambah elemen HTML
  • Menghapus elemen HTML
  • Mengubah isi atau atribut elemen
• Event seperti klik dan submit ditangani oleh JavaScript.
• Tampilan selalu mengikuti kondisi data (state) aplikasi.