All posts
JavaScript Practice #3 fetch and Async UI
Practical patterns for fetching data and reflecting it in the DOM — loading/error states, debouncing, and cancellation with AbortController.
JavaScript Practice #2 Event Handling and Delegation
The event object, the bubbling/capturing flow, and efficient event-delegation patterns — the standard tools for DOM interaction.
JavaScript Practice #1 DOM Manipulation Basics
Vanilla JavaScript DOM essentials — querySelector, classList, dataset, and creating and inserting elements.
JavaScript Advanced #7 Module System in Depth
Differences between CommonJS and ES Modules, module hoisting, circular references — the inner workings of JavaScript module systems.
JavaScript Advanced #6 Symbol and Proxy
Symbol for collision-free keys, and Proxy for intercepting object operations themselves — JavaScript meta-tools you meet inside libraries.
JavaScript Advanced #5 Memory Model and GC
How JavaScript manages memory — the reachability-based garbage collector and the leak patterns where objects survive without you noticing.
JavaScript Advanced #4 Event Loop and Tasks
How JavaScript handles async while running line by line — call stack, task queue, and the order microtasks run.
JavaScript Advanced #3 Prototype Chain
What classes really are — the structure where prototype objects hold methods, and how property lookup follows the chain.
JavaScript Advanced #2 this Binding and Call Patterns
The four rules that decide this from the call style, what call/apply/bind mean, and how arrow functions break those rules.
JavaScript Advanced #1 Closures and Scope
How a function carries its environment — lexical scope, how closures work, and the practical patterns and pitfalls you'll meet.
JavaScript Intermediate #7 Working with JSON and Serialization
JSON.parse and stringify options, pitfalls with Date/special values/circular references, and using toJSON, reviver, and replacer.
JavaScript Intermediate #6 fetch API and Error Handling
fetch — modern JavaScript's standard network tool — from basic usage through headers, JSON, error handling, and AbortController.