Bookshelf 📚

Aplikasi To Do - Bookshelf merupakan aplikasi yang dapat menyimpan data buku, aplikasi ini menggunakan penyimpanan berbasis web storage (local storage). Dibuat untuk memenuhi syarat kelulusan kelas Belajar Membuat Front-End Web untuk Pemula di Dicoding Academy

User Interface ✨

Deskripsi Kelas 🚀

Belajar Membuat Front-End Web untuk Pemula
Disusun oleh: Dicoding Indonesia
Level: Pemula

Kelas ini ditujukan untuk seorang Front-End Web Developer yang ingin mengembangkan website yang memiliki fungsionalitas lebih daripada hanya media informasi saja, sesuai dengan standar industri. Di akhir kelas, siswa dapat membuat aplikasi front-end web yang interaktif serta memiliki fitur penyimpanan menggunakan web storage.

Materi yang dipelajari:

• Dasar JavaScript : Mengenal bahasa pemrograman JavaScript serta dasar dalam pemrograman JavaScript seperti statement dan expression, variabel, operator, percabangan, perulangan, data structure, dan fungsi. (12 jam 45 menit)
• Browser Object dan DOM Manipulation : Membahas tentang Browser Object, teknik manipulasi DOM, dan Event pada HTML element. (14 jam 45 menit)
• Web Storage : Mengetahui Web Storage, tipe web storage, dan belajar menggunakan localStorage dalam untuk menyimpan data yang persisten. (6 jam 40 menit)

Evaluasi Pembelajaran:

• Submission (proyek akhir) membuat sebuah website yang menerapkan teknik manipulasi DOM dan web storage

Total jam yang dibutuhkan untuk menyelesaikan kelas ini, mulai dari persiapan kelas sampai evaluasi belajar, adalah 36 jam.

Feature 🌟

Mampu Menambahkan Data Buku ✅

• Bookshelf Apps mampu menambahkan data buku baru.
• Data buku yang disimpan merupakan objek JavaScript

Memiliki Dua Rak Buku ✅

• Bookshelf Apps memiliki 2 Rak buku. Yakni, “Belum selesai dibaca” dan “Selesai dibaca”.
• Rak buku "Belum selesai dibaca" hanya menyimpan buku jika properti isComplete bernilai false.
• Rak buku "Selesai dibaca" hanya menyimpan buku jika properti isComplete bernilai true.

Dapat Memindahkan Buku antar Rak ✅

• Buku yang ditampilkan pada rak, baik itu "Belum selesai dibaca" maupun "Selesai dibaca" dapat dipindahkan di antara keduanya.

Dapat Menghapus Data Buku ✅

• Buku yang ditampilkan pada rak, baik itu "Belum selesai dibaca" maupun "Selesai dibaca" dapat dihapus.

Menyimpan Data Buku dengan web storage ✅

• Data buku yang ditampilkan pada rak, baik itu "Belum selesai dibaca" maupun "Selesai dibaca" dapat bertahan walaupun halaman web ditutup.
• Dengan begitu, penyimpanan data buku memanfaatkan localStorage

Getting Started

Untuk memulai, ikuti langkah-langkah dibawah ini :

1. Clone this repository

   git clone https://github.com/Ardywsptr/Bookshelf_Submission-Belajar-Membuat-Front-End-Web-Untuk-Pemula/.git

   cd Bookshelf_Submission-Belajar-Membuat-Front-End-Web-Untuk-Pemula

2. Hapus cache pada browser

3. jalankan file index.html

📃 Keterangan

Repositori ini adalah submission dari Dicoding untuk kelas Belajar Membuat Front-End Web untuk Pemula. Kelas ini memiliki submission yang harus diselesaikan untuk mendapatkan sertifikat. Isi dari repositori ini merupakan bagian final yang mencakup kriteria yang dibutuhkan.

PERINGATAN: Jadikan repo ini sebagai rujukan/referensi.

• Sesuai dengan terms of use di Dicoding, submission kelas Dicoding Academy haruslah hasil karya Anda sendiri.

• Kode yang didapatkan dari sumber lain (website, buku, forum, GitHub, dan lain-lain) hanya digunakan sebagai referensi. Tingkat kesamaannya tidak boleh lebih dari 70%.

Jika ada pertanyaan atau issue, kunjungi new issue

Jika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada profile ini ☺☺☺

Big Thanks for Dicoding