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
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.
- 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)
- 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.
- Bookshelf Apps mampu menambahkan data buku baru.
- Data buku yang disimpan merupakan objek JavaScript
- 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.
- Buku yang ditampilkan pada rak, baik itu "Belum selesai dibaca" maupun "Selesai dibaca" dapat dipindahkan di antara keduanya.
- Buku yang ditampilkan pada rak, baik itu "Belum selesai dibaca" maupun "Selesai dibaca" dapat dihapus.
- 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
Untuk memulai, ikuti langkah-langkah dibawah ini :
-
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
-
Hapus cache pada browser
-
jalankan file index.html
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