Export High-Res PDF
Switch to Light Mode
SkillSnap Official GuideUpdated 7/24/2026
JavaScript
The language of the web. Master modern syntax, array methods, and async patterns for cleaner, faster code.
Modern Syntax (ES6+)
Block-scoped variables (Avoid var)const / let
Template Literals (String Interpolation)`${var}`
Destructuring Objectsconst { x } = obj
Spread Operator (Merge/Copy)[...arr]
Optional Chaining (Safe Access)obj?.prop
Nullish Coalescing (Null/Undefined only)val ?? 'default'
Numeric Separators for readability1_000_000
Array Powers
Transform elements into new array.map()
Select subset based on condition.filter()
Calculate total or convert structure.reduce()
Get first matching element.find()
Remove Duplicates instantly[...new Set(arr)]
Map then flatten (1 level deep).flatMap()
Get last element.at(-1)
Asynchronous Patterns
Cleaner promise handlingasync / await
Run parallel, fail fastPromise.all()
Wait for all, regardless of outcomePromise.allSettled()
Native network requestsfetch()
Cancel pending fetch requestsAbortController
Performance & Debugging
Display data in tabular formatconsole.table()
Log variable with name wrapperconsole.log({ var })
Benchmark execution timeconsole.time()
Trigger DevTools breakpointdebugger;
Delay execution (e.g. Search Inputs)Debounce
Limit execution rate (e.g. Scroll Events)Throttle
Clean Code Logic
Short-circuit evaluation&&
Default fallback (Falsy)||
Cast to Boolean!!val
Reduce nesting depthEarly Return
Replace complex Switch statementsObject Lookup
DOM & Browser API
Select element by CSS selectorquerySelector()
Find nearest parent matching selectorclosest()
Detect viewport visibilityIntersectionObserver
Deep copy objects nativelystructuredClone()
Copy text to clipboardnavigator.clipboard