18 — JavaScript Modules — Organizing a Small App

Understand the two stages of fetching data: receiving a response, checking its status, and parsing JSON. Compare HTTP errors, network failures, and malformed JSON, then explore sending a JSON POST.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise. AI-generated with Gemini Notebook.Sources:https://javascript.info/fetchhttps://javascript.info/async-awaitIndependent learning series; not affiliated with or endorsed by the source authors.

Organize a small JavaScript app with named exports, imports, and module-local scope. Follow a workout calculator and loader across three files, understand shared module state, and learn the browser setup for modules.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise. AI-generated with Gemini Notebook.Source:https://javascript.info/modules-introIndependent learning series; not affiliated with or endorsed by the source authors.

Follow tasks, microtasks, and the event loop to predict the order of asynchronous JavaScript code.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise.AI-generated with Gemini Notebook. Sources:https://javascript.info/event-loophttps://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guidehttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promisesIndependent learning series; not affiliated with or endorsed by the source authors.

Learn how async and await organize promise-based code without blocking JavaScript execution.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise.AI-generated with Gemini Notebook. Sources:https://javascript.info/async-awaithttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promisesIndependent learning series; not affiliated with or endorsed by the source authors.

Trace promise chains, error propagation, cleanup, and concurrent asynchronous operations.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise.AI-generated with Gemini Notebook. Sources:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promiseshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promisehttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/finallyIndependent learning series; not affiliated with or endorsed by the source authors.

Understand promises as future results, including pending, fulfilled, and rejected states and how handlers receive values.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise.AI-generated with Gemini Notebook. Sources:https://javascript.info/promise-basicshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promiseshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promisehttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/finallyIndependent learning series; not affiliated with or endorsed by the source authors.

Connect callbacks, closures, and higher-order functions through functions that accept or return other functions.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise.AI-generated with Gemini Notebook. Sources:https://eloquentjavascript.net/05_higher_order.htmlIndependent learning series; not affiliated with or endorsed by the source authors.

Explore practical closures and common mistakes, including shared state and functions that retain access to outer variables.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise.AI-generated with Gemini Notebook. Sources:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/ClosuresIndependent learning series; not affiliated with or endorsed by the source authors.

Deepen your understanding of JavaScript functions, scope, arguments, and execution using MDN as a reference.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise.AI-generated with Gemini Notebook. Sources:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/FunctionsIndependent learning series; not affiliated with or endorsed by the source authors.

Trace callback execution step by step and distinguish passing a function from calling it.An audio-first JavaScript study conversation with worked examples, pause-and-predict questions, and a small practice exercise.AI-generated with Gemini Notebook. Sources:https://javascript.info/callbacksIndependent learning series; not affiliated with or endorsed by the source authors.