JavaScript

55 tutorials

Step-by-step programming tutorials on PHP, JavaScript, Laravel, WordPress and more.

All JavaScript 55 Tips & Tricks 50 Hidden Features 42 CSS 40 PHP 37 UX 36 Performance 22 Debugging 19 Browser APIs 18 DOM 14 AJAX 12 Forms 11 Security 10 jQuery 8 Animations 7 HTML 2

Latest Popular

JavaScript Beginner

Yes, JavaScript Has Labels (and They Fix Nested Loop Escapes)

Breaking out of two loops at once usually means ugly flag variables or refactoring into functions. JavaScript has had a cleaner answer since day one: labeled statements.

Feb 24, 2024 2 min 1,804

JavaScript Beginner

The Third Argument of addEventListener You've Been Ignoring

once, passive and capture change how listeners behave in ways that delete cleanup code and fix scroll jank. Most developers never touch them.

Feb 15, 2024 2 min 1,796

JavaScript Intermediate

Why Your Analytics Miss Closing Tabs (and How sendBeacon Fixes It)

fetch() calls fired when a user closes the tab often never leave the browser. navigator.sendBeacon() exists precisely for this moment, and it is a one-line change.

Feb 5, 2024 2 min 4,434

JavaScript Beginner

"3 Days Ago" Without a Library: Intl.RelativeTimeFormat

You do not need moment.js or dayjs to print "yesterday" or "in 3 weeks". The Intl API does relative time, in the user's own language, with zero dependencies.

Jan 26, 2024 2 min 5,385

JavaScript Beginner

structuredClone() Finally Kills the JSON.parse(JSON.stringify()) Hack

The old JSON round-trip for deep copies silently destroys Dates, Maps, Sets and circular references. structuredClone() handles all of them, and it is built into every modern browser.

Jan 17, 2024 2 min 2,759

JavaScript Intermediate

One AbortController Can Tear Down All Your Event Listeners

AbortController is not just for fetch(). Pass its signal to addEventListener and you can remove dozens of listeners with a single abort() call - no more keeping references to bound functions.

Jan 13, 2024 2 min 965

JavaScript Beginner

Object.groupBy() Ends a Decade of reduce() Boilerplate

Grouping an array of objects used to mean writing the same reduce() dance in every project. JavaScript finally does it natively, and the syntax is one line.

Jan 9, 2024 2 min 3,717