Tugas ini mencakup berbagai konsep JavaScript, termasuk Spread Operator, Destructuring Object/Array, Template Literal, Array Methods, Perulangan, dan Percabangan. Kami akan membuat aplikasi CRUD sederhana untuk mengelola data buku.
Anda akan membuat aplikasi sederhana yang memungkinkan Anda untuk melakukan operasi CRUD (Create, Read, Update, Delete) pada data yang ada. Anda akan menggunakan Node.js untuk membuat server API, dan data akan disimpan dalam file terpisah.
-
Persiapan:
- Pastikan Anda memiliki Node.js terinstal di komputer Anda.
-
Kode JavaScript:
- Buat file JavaScript (
app.js
) yang akan menjadi server API. - Buat file terpisah (
data.js
) untuk menyimpan data sesuai tema kalian dengan beberapa data dummy. Gunakan Spread Operator dan Destructuring Object/Array untuk mengelola data ini.
- Buat file JavaScript (
-
Server API:
- Buat server API menggunakan Express.js.
- Tambahkan endpoint untuk CRUD operasi, yaitu Tambahkan, Dapatkan Daftar, Edit, dan Hapus.
-
Array Methods:
- Gunakan Array Methods seperti
push()
,forEach()
,splice()
, dll., untuk mengelola data.
- Gunakan Array Methods seperti
-
Template Literal:
- Gunakan Template Literal untuk menampilkan data di halaman response.
-
Perulangan dan Percabangan:
- Gunakan perulangan dan percabangan (contoh:
for
,if
) jika diperlukan dalam backend Anda.
- Gunakan perulangan dan percabangan (contoh:
-
Testing:
- Uji aplikasi Anda dengan menggunakan alat pengujian API seperti Postman atau melalui permintaan HTTP dari aplikasi klien Anda.
-
Tambahkan Buku:
- Endpoint:
POST /addBook
- Deskripsi: Menambahkan buku baru ke dalam database.
- Contoh Permintaan:
{ "title": "Judul Buku", "author": "Penulis" }
- Endpoint:
-
Dapatkan Daftar Buku:
- Endpoint:
GET /getBooks
- Deskripsi: Mendapatkan daftar semua buku yang ada dalam database.
- Endpoint:
-
Edit Buku:
- Endpoint:
PUT /editBook/:index
- Deskripsi: Mengedit buku berdasarkan indeks (index) di database.
- Contoh Permintaan:
{ "title": "Judul Baru", "author": "Penulis Baru" }
- Endpoint:
-
Hapus Buku:
- Endpoint:
DELETE /deleteBook/:index
- Deskripsi: Menghapus buku berdasarkan indeks (index) dari database.
- Endpoint: