Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ardywsptr/todoapps

Todo Apps - Repositori ini merupakan latihan dari materi DOM, BOM, Interaktif dengan Event, dan Penyimpanan Data Menggunakan Web Storarge pada kelas Belajar Membuat Front-End Web untuk Pemula di Dicoding
https://github.com/ardywsptr/todoapps

bom dicoding-academy dom-manipulation front-end javascript localstorage todoapp

Last synced: 24 days ago
JSON representation

Todo Apps - Repositori ini merupakan latihan dari materi DOM, BOM, Interaktif dengan Event, dan Penyimpanan Data Menggunakan Web Storarge pada kelas Belajar Membuat Front-End Web untuk Pemula di Dicoding

Awesome Lists containing this project

README 

        
# Todo Apps 📚



**Aplikasi To Do** - Todo Apps merupakan aplikasi yang dapat menyimpan kegiatan, aplikasi ini menggunakan penyimpanan berbasis web storage (local storage). Dibuat untuk memenuhi syarat kelulusan kelas [Belajar Membuat Front-End Web untuk Pemula](https://www.dicoding.com/academies/315) di Dicoding Academy



![Author](https://img.shields.io/badge/made%20by-Ardywsptr-blue)

![GitHub followers](https://img.shields.io/github/followers/Ardywsptr?style=social)

![GitHub watches](https://img.shields.io/github/stars/Ardywsptr/todoapps-3?style=social)

![GitHub last commit](https://img.shields.io/github/last-commit/Ardywsptr/todoapps)







## 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 Kegiatan ✅



* Todo Apps mampu menambahkan data kegiatan baru.

* Data buku yang disimpan merupakan objek JavaScript



### Memiliki Dua Rak Kegiatan ✅



* Todo Apps memiliki 2 Rak kegiatan. Yakni, “yang belum dilakukan” dan “yang sudah dilakukan”.

* Rak buku "yang belum dilakukan" hanya menyimpan buku jika properti isComplete bernilai false.

* Rak buku "yang sudah dilakukan" hanya menyimpan buku jika properti isComplete bernilai true.



### Dapat Memindahkan kegiatan antar Rak ✅



* kegiatan yang ditampilkan pada rak, baik itu "yang belum dilakukan" maupun "yang sudah dilakukan" dapat dipindahkan di antara keduanya.



### Dapat Menghapus Data Kegiatan ✅



* Kegiatan yang ditampilkan pada rak, baik itu "yang belum dilakukan" maupun "yang sudah dilakukana" dapat dihapus.



### Menyimpan Data KEgiatan dengan web storage ✅



* Data kegiatan yang ditampilkan pada rak, baik itu "yang belum dilakukan" maupun "yang sudah dilakukan" 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/todoapps/.git`



    `cd todoapps`

   

2. Hapus cache pada browser



3. jalankan file index.html













> Jika ada pertanyaan atau issue, kunjungi [new issue](https://github.com/Ardywsptr/todoapps/issues/new)

>

>Jika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada [profile](https://github.com/Ardywsptr) ini ☺☺☺







Big Thanks for [Dicoding](https://www.dicoding.com/)









  Dicoding