JavaScript Language & Async Semantics - Frontend Engineering Foundations

1Lexical scope and closuresRecommended startExplains closures as functions retaining access to lexical bindings, then connects them to callbacks, factories, state, and common capture mistakes.Concept questionEasy~5 minJavaScriptPractice

2var, let, and constCompares JavaScript declarations through scope, initialization, redeclaration, reassignment, and practical default choices.Comparison questionEasy~5 minJavaScriptPractice

3Shared object mutationDiagnoses aliasing and shallow-copy mistakes, then restores explicit state ownership and immutable update boundaries.Debugging scenarioMedium~10 minJavaScriptPractice

4Lost this bindingExplains call-site-dependent this binding and compares wrapper, bind, and arrow-function fixes.Debugging scenarioMedium~7 minJavaScriptPractice

5Prototypes and classesRelates JavaScript classes to prototype-based delegation while preserving the useful semantics class syntax adds.Concept questionMedium~7 minJavaScriptPractice

6Async error propagationTraces synchronous throws and promise rejections through chains, awaits, missing returns, and detached work.Debugging scenarioMedium~10 minJavaScriptPractice

7Choose a Promise combinatorChooses promise combinators by success criteria, failure semantics, cancellation needs, and the fate of losing operations.Comparison questionMedium~7 minJavaScriptPractice

8Module boundaries and tree shakingDesigns explicit ESM boundaries with focused exports, controlled side effects, and dependency direction that supports safe bundling.Architecture scenarioMedium~10 minJavaScriptPractice

9Equality and coercionPrioritizes explicit normalization, strict equality, object identity, nullish handling, and NaN over coercion puzzles.Comparison questionEasy~5 minJavaScriptPractice