{"id":20248954,"url":"https://github.com/ardywsptr/calculator","last_synced_at":"2025-03-03T16:13:33.979Z","repository":{"id":153422878,"uuid":"628885911","full_name":"Ardywsptr/Calculator","owner":"Ardywsptr","description":"Calculator - Repositori ini merupakan latihan dari materi html, css dan local storage pada kelas Belajar Dasar Pemrograman Web di Dicoding","archived":false,"fork":false,"pushed_at":"2023-04-17T07:35:22.000Z","size":6,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-14T02:29:34.377Z","etag":null,"topics":["css3","dicoding-academy","html5","jacascript","localstorage"],"latest_commit_sha":null,"homepage":"https://www.dicoding.com/academies/123","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ardywsptr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-17T07:25:38.000Z","updated_at":"2023-04-17T07:36:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"af450585-c50c-4220-8c06-434c148c502a","html_url":"https://github.com/Ardywsptr/Calculator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ardywsptr%2FCalculator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ardywsptr%2FCalculator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ardywsptr%2FCalculator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ardywsptr%2FCalculator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ardywsptr","download_url":"https://codeload.github.com/Ardywsptr/Calculator/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241696175,"owners_count":20004746,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","dicoding-academy","html5","jacascript","localstorage"],"created_at":"2024-11-14T09:51:03.206Z","updated_at":"2025-03-03T16:13:33.943Z","avatar_url":"https://github.com/Ardywsptr.png","language":"JavaScript","readme":"# Calculator\n\n**Calculator** - Calculator merupakan aplikasi perhitungan angka, aplikasi ini dibuat sebagai latihan html, css dan local storrage pada kelas [Belajar Dasar Pemrograman Web](https://www.dicoding.com/academies/123) di Dicoding Academy\n\n![Author](https://img.shields.io/badge/made%20by-Ardywsptr-blue)\n![GitHub followers](https://img.shields.io/github/followers/Ardywsptr?style=social)\n![GitHub watches](https://img.shields.io/github/stars/Ardywsptr/Calculator-3?style=social)\n![GitHub last commit](https://img.shields.io/github/last-commit/Ardywsptr/Calculator)\n\n\u003cbr clear=\"both\"\u003e\n\n## User Interface ✨\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://i.postimg.cc/nVyRdXbh/Natural-Mockup-Freebie-Lead-Magnet-Facebook-Post-2.png\" alt\"TodoApps\" width=\"800\"\u003e\n\u003c/div\u003e\n\n\u003cbr clear=\"both\"\u003e\n\n## Deskripsi Kelas 🚀\n\nBelajar Dasar Pemrograman Web \u003cbr\u003e\nDisusun oleh: Dicoding Indonesia \u003cbr\u003e\nLevel: Pemula\n\nKelas ini membahas tuntas dasar HTML dan CSS sebagai tiga fondasi pembuatan website. Fondasi tersebut diperlukan untuk Anda yang ingin mengembangkan kemampuan pengembangan website ke tahap yang lebih lanjut. Disusun dan diverifikasi oleh tim expert Dicoding, materi yang disajikan terstruktur dan komprehensif.\n\n### Materi yang dipelajari:\n\n- **Pendahuluan:** Pengenalan mengenai website, server dan client, anatomi website, dan tools yang diperlukan dalam pengembangan halaman website. (40 menit)\n- **Pengenalan HTML:** Mempelajari alat yang digunakan dalam membangun struktur halaman website. Modul ini membahas tentang HTML, struktur dasar dokumen HTML, dsb. (1 jam 10 menit)\n- **Pendalaman HTML:** Mendalami penerapan HTML dalam membangun struktur halaman web secara lebih lanjut. Di antaranya seperti beragam elemen HTML, teknik mengorganisir konten website dengan elemen semantik, mengenal attribute pada elemen, generic element, table, dsb. Selain itu, modul ini membahas tentang perbedaan antara elemen yang bersifat inline dan block. (6 jam 45 menit)\n- **Pengenalan CSS:** Mempelajari alat yang digunakan untuk memperindah tampilan halaman website. Modul ini membahas mengenai peranan CSS, cara kerjanya, cara menuliskan kodenya, anatomi dari CSS rule, dsb. (1 jam 50 menit)\n- **Pendalaman CSS:** Mendalami penerapan CSS dalam mempercantik tampilan halaman website secara lebih lanjut. Di antaranya seperti variatif selector, styling untuk font dan text, memahami tentang foreground color dan background color, box model, shadow, positioning, layouting menggunakan float, dan media query. (15 jam 20 menit)\n- **Layout Responsif dengan Flexbox:** Mempelajari teknik layouting menggunakan Flexbox dalam membangun konten halaman website. Fitur ini merupakan teknik baru di CSS dalam menyusun layout yang responsif dan dapat dikombinasikan dengan media query sehingga tampilan pada perangkat mobile lebih optimal. (4 jam 5 menit)\n- **Penutup:** Implementasi teknik yang telah dipelajari dalam pembuatan dan improvisasi pada sebuah proyek website sederhana. (10 jam 15 menit)\n\n\n### Evaluasi pembelajaran:\n\n- **ujian akhir**\n- **Submission :**  tugas akhir membuat halaman website menggunakan teknik semantic HTML dan layouting\n\n`Total jam yang dibutuhkan untuk menyelesaikan kelas ini, mulai dari persiapan kelas sampai evaluasi belajar, adalah 41 jam.`\n\n\u003cbr clear=\"both\"\u003e\n\n## Feature 🌟\n\n* Melakukan perhitungan kalkulator ✅\n\n* Menampilkan hasil perhitungan ✅\n\n* Menampilkan riwayat perhitungan ✅\n\n* Meyimpan data menggunakan localstorage ✅\n\n* Layout responsif menggunakan flexbox ✅\n\n\u003cbr clear=\"both\"\u003e\n\n## Getting Started\n\n*Untuk memulai, ikuti langkah-langkah dibawah ini :*\n\n1. Clone this repository\n   \n   `git clone https://github.com/Ardywsptr/Calculator/.git`\n\n    `cd Calculator`\n   \n2. Hapus cache pada browser\n\n3. jalankan file index.html\n\n\u003cbr clear=\"both\"\u003e\n\u003cbr clear=\"both\"\u003e\n\u003cbr clear=\"both\"\u003e\n\n\u003e Jika ada pertanyaan atau issue, kunjungi [new issue](https://github.com/Ardywsptr/Calculator/issues/new)\n\u003e\n\u003eJika dokumentasi ini bermanfaat mari berteman dengan menekan tombol follow pada [profile](https://github.com/Ardywsptr) ini ☺☺☺\n\n\u003cbr clear=\"both\"\u003e\n\nBig Thanks for [Dicoding](https://www.dicoding.com/)\n\n\u003cbr clear=\"both\"\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/95717485/188485268-90e682b9-fce9-470b-836e-d8838079a309.png\" alt=\"Dicoding\"\u003e\n\u003c/div\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fardywsptr%2Fcalculator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fardywsptr%2Fcalculator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fardywsptr%2Fcalculator/lists"}