How lino089/dicoding works
This repository is a collection of JavaScript learning exercises and small browser demos, rather than one integrated product. The clearest user-to-result workflows are submitting transactions to the expense tracker, playing the Web Storage number game, and running small JavaScript examples. The graph highlights those workflows alongside sampled exercises in events, asynchronous callbacks, functional programming, OOP, and order management. No README content was provided, and unsampled directories are represented only where their paths are evident from the tree.
Main entry points: expense-tracker-starter-project/main.js Transaction handler · ImplementasiWebStorage/script.js Game logic · webStorage/script.js Session counter · optional-04-oop/main.js Inventory example
Components 23
Expense tracker
- Tracker page
frontend/expense-tracker-starter-project/index.html - Transaction handler
frontend/expense-tracker-starter-project/main.js - Transactions
frontend/expense-tracker-starter-project/main.js - Lists and dashboard
frontend/expense-tracker-starter-project/main.js
Browser labs
- Number game
frontend/webStorage/ImplementasiWebStorage/index.html - Game logic
frontend/webStorage/ImplementasiWebStorage/script.js - Browser storage
frontend/webStorage/ImplementasiWebStorage/script.js - Counter page
frontend/webStorage/index.html - Session counter
frontend/webStorage/script.js - Events demo
frontend/EVENT/event.html - DOM events
frontend/EVENT/script.js
JavaScript exercises
- Coffee order demo
JavaScript/asynchronus/main.js - Coffee callbacks
JavaScript/asynchronus/coffe.js - Product functions
JavaScript/Pure_Function/Coding_Quiz.js - Animal classes
JavaScript/OOP/Kuis_Coding.js - Promise exercise
JavaScript/asynchronus/Latihan/main.js - Fetch simulation
JavaScript/asynchronus/Latihan/support.js
Assessment exercises
- Inventory example
JavaScript/final-assessment/optional-04-oop/main.js - Inventory class
JavaScript/final-assessment/optional-04-oop/Inventory.js - Item class
JavaScript/final-assessment/optional-04-oop/Item.js - Order example
JavaScript/final-assessment/optional-07-real-world-scenario/main.js - Order operations
JavaScript/final-assessment/optional-07-real-world-scenario/orders.js
Other components
- User
Connections 22
- User → Tracker page: opens
- Tracker page → Transaction handler: loads
- User → Transaction handler: submits
- Transaction handler → Transactions: adds transaction
- Transaction handler → Lists and dashboard: renders and totals
- Transactions → Lists and dashboard: reads
- User → Number game: opens
- Number game → Game logic: loads
- User → Game logic: plays and guesses
- Game logic → Browser storage: reads and writes
- User → Counter page: opens
- Counter page → Session counter: loads
- User → Session counter: increments or clears
- Session counter → Browser storage: reads and writes
- User → Events demo: opens
- Events demo → DOM events: loads
- User → DOM events: clicks controls
- Coffee order demo → Coffee callbacks: calls callbacks
- Promise exercise → Fetch simulation: calls simulated API
- Inventory example → Inventory class: uses inventory
- Inventory example → Item class: creates items
- Order example → Order operations: calls order operations