Template Literals in JavaScript: Writing Multi‑Line Strings
Use JavaScript template literals for multi‑line strings, interpolation, cleaner formatting, practical string construction, and pitfalls around whitespace.
Articles
Front‑end Development, page 22 of 25
Front‑end development is where product intent becomes the interface people actually use. My writing approaches it as engineering rather than surface decoration, with attention to browser behaviour and code that remains accessible, fast, and safe for a team to change.
Template Literals in JavaScript: Writing Multi‑Line Strings. 
String.startsWith(), endsWith(), and includes() in JavaScript. String.startsWith(),endsWith(), andincludes()in JavaScriptUse startsWith(), endsWith(), and includes() in JavaScript for clearer string checks, case‑sensitive matching, position arguments, and readable intent.
Understanding Phantom window.resize Events in iOS. Understanding Phantom
window.resizeEvents in iOSUnderstand phantom window.resize events in iOS Safari, including dynamic browser UI, viewport changes, orientation, user interaction, and mitigation patterns.
For...in vs. for...of in JavaScript. for...invs.for...ofin JavaScriptCompare for...in and for...of in JavaScript, including keys, values, arrays, objects, iterables, inherited properties, and choosing the clearest loop.
JSON.parse() and JSON.stringify() Explained for Beginners. JSON.parse()andJSON.stringify()Explained for BeginnersJSON.parse()andJSON.stringify()explained clearly, including when to convert data, common mistakes, localStorage use, and why functions disappear.
Default Parameters in JavaScript in More Depth. Default Parameters in JavaScript in More Depth
Default parameters in JavaScript explored in more depth, including expression defaults, evaluation order, undefined, API design, and subtle edge cases.
Live and Static DOM Collections in JavaScript. Live and Static DOM Collections in JavaScript
Understand live HTMLCollection views, static NodeList snapshots, mutation‑skipping bugs, Array.from() conversion, and safe DOM iteration in 2016.
Array.from() and Array.of() in JavaScript. Array.from()andArray.of()in JavaScriptArray.from()andArray.of()in JavaScript explained with NodeLists, array‑like objects, generated arrays, and whynew Array()can still catch people out.
Default Parameters in JavaScript: A Guide. Default Parameters in JavaScript: A Guide
Default parameters in JavaScript explained from the ES6 syntax through undefined handling, old workarounds, cleaner calls, everyday use, and function design.
Understanding Arrow Functions in JavaScript. Understanding Arrow Functions in JavaScript
A technical article explaining what arrow functions are in JavaScript, and providing code examples. It includes comparisons against non‑arrow functions.
The arguments Object vs. Rest Parameters in JavaScript. The
argumentsObject vs. Rest Parameters in JavaScriptThe
argumentsobject vs. rest parameters in JavaScript, including readability, array behaviour, arrow function differences, and modern best practices.
Why HTML Form Values are Always Strings in JavaScript. Why HTML Form Values are Always Strings in JavaScript
Understand why HTML form values are always strings in JavaScript, plus safe conversion for numbers, booleans, checkboxes, radio buttons, and FormData.
Object Property Shorthand and Computed Property Names in JavaScript. Object Property Shorthand and Computed Property Names in JavaScript
Use object property shorthand and computed property names in JavaScript for cleaner literals, derived keys, method shorthand, and overwrite cautions.
Client‑Side Form Validation with the HTML Constraint Validation API. Client‑Side Form Validation with the HTML Constraint Validation API
Use HTML constraint validation attributes and APIs to improve client‑side form feedback without replacing accessible errors or server‑side checks.
Null and undefined in JavaScript. nullandundefinedin JavaScriptCompare null and undefined in JavaScript, including assignment, missing values, typeof quirks, arithmetic behaviour, equality, and common bugs clearly.
Exporting and Importing Using ES6 Modules. Exporting and Importing Using ES6 Modules
An article which explains how to use modules in JavaScript, including exporting and importing named and default exports, and potential issues to watch out for.
Object.assign() in JavaScript: Merging and Shallow Copies. Object.assign()in JavaScript: Merging and Shallow CopiesUse Object.assign() in JavaScript for merging and shallow copies, with target mutation, overwrite rules, nested‑object cautions, and newer alternatives.
Using Feature Detection in Front‑End Development. Using Feature Detection in Front‑End Development
Use feature detection in front‑end work by checking browser capability, choosing enhancement or fallback paths, and avoiding fragile user‑agent assumptions.