JavaScript
Languages and web fundamentals · 4 stages · 28 units in the full series · 28 published in English
Series goal
Separate state, events, and asynchronous flow, and reproduce failure paths.
Prerequisites
HTML elements and events
Practice approach and scope
Learning units are not calendar days. Read the explanation and tasks, check the completion criteria, then move on. Use each example as a starting point: change variables and observe the results. Built-in examples and tasks requiring a separate environment are identified separately. Opening an example does not complete a unit.
Existing unit IDs and notes are preserved. The original 01, 02, and 03 examples occupy positions 1, 14, and 28 in the expanded sequence, so the number in the address may differ from the learning order.
Only published English units are linked below. The full series has 28 units.
Learning path
Stage 1 · Values and calculations
- 01. Values and State — Editable example
- 02. String input and number conversion — Editable example
- 03. Equality Comparisons and Defaults — Editable example
- 04. Branches and Early Returns — Editable example
- 05. Functions and Pure Calculations — Editable example
- 06. Scope and Closures — Editable example
- 07. Array Aggregation and Empty Input — Editable example
Stage 2 · DOM and asynchronous operations
- 08. Object Destructuring and Optional Access — Editable example
- 09. Map and Set Indexes — Editable example
- 10. Exceptions and Recovery Paths — Editable example
- 11. Creating DOM Nodes and Inserting Text — Editable example
- 12. Event Propagation and Delegation — Editable example
- 13. Promises and Execution Order — Editable example
- 14. Asynchrony and Cancellation — Editable example
Stage 3 · Modules and data boundaries
- 15. Fetch Responses and HTTP Errors — Editable example
- 16. Parallel Work and Partial Failure — Editable example
- 17. Debouncing and Timer Cleanup — Editable example
- 18. Public Interfaces of ES Modules — Editable example
- 19. Storage and Restore Failures — Editable example
- 20. URL Filters and Back Navigation — Editable example
- 21. FormData and Domain Validation — Editable example
Stage 4 · Integrating and verifying the experiment log
- 22. Exporting JSON with Blob — Editable example
- 23. File Import and Structure Validation — Editable example
- 24. State Transitions and Undo — Editable example
- 25. Storing Dates and Localized Display — Editable example
- 26. Computational Cost and Splitting Work — Editable example
- 27. Listener Cleanup and Repeated Mounting — Editable example
- 28. Modular Experiment Journal — Editable example
Capstone project and deliverables
A modular experiment log with adding, searching, filtering, JSON saving and restoration, and resource cleanup
Keep the implementation, run instructions, baseline and changed conditions, failure cases, and recovery steps together. Do not report unmeasured performance or tests you have not run as results.