Build‑Time SEO Checks in Gatsby
Run build‑time SEO checks in Gatsby across routes, metadata, canonicals, headings, sitemaps, schema, redirects, CMS content gaps, and release confidence.
Articles
Front‑end Development, page 9 of 24
Front‑end web development is my personal niche, it is the art of creating visual and interactive elements for a website, including layout, design, and interactivity, using HTML, CSS, and JavaScript.
Below you will find a subset of articles from my blog specifically about Front‑End Development. This is an area I have worked with for many years, and it has been a regular subject in my writing. There are four hundred sixteen articles collected together for you below.
Build‑Time SEO Checks in Gatsby. 
Harnessing the Power of Function.prototype.bind(). Harnessing the Power of
Function.prototype.bind()Explore JavaScript's `Function.prototype.bind()` method to master function contexts and argument handling, enhancing your code's flexibility and reliability.
Harnessing JavaScript's defineProperty(). Harnessing JavaScript's
defineProperty()Unlock the capabilities of JavaScript's `Object.defineProperty()` for precise property control on objects, enhancing security and data integrity in your code.
JavaScript Array Manipulation: slice() vs. splice(). JavaScript Array Manipulation:
slice()vs.splice()Compare JavaScript slice() and splice(), including copying versus mutation, return values, array edits, common confusion, and safer manipulation patterns.
Understanding the Nullish Coalescing (??) Operator in JavaScript. Understanding the Nullish Coalescing (
??) Operator in JavaScriptUnderstand JavaScript's nullish coalescing operator, comparing ?? with ||, preserving valid falsy values, and writing cleaner default fallbacks safely.
Understanding setTimeout() in JavaScript. Understanding
setTimeout()in JavaScriptAn exploration of JavaScript's `setTimeout` function. Understand its nuances in component lifecycles, and learn effective timing strategies using it.
Common Accessibility Pitfalls in Web Development. Common Accessibility Pitfalls in Web Development
Accessibility issues often creep in through ordinary front‑end habits. This article covers common mistakes and the fixes that make sites easier to use.
Sorting Objects in JavaScript. Sorting Objects in JavaScript
Sort arrays of objects in JavaScript with comparator functions, numeric and string properties, return values, case sensitivity, and deeper sorting notes.
Commenting in Front‑End Languages. Commenting in Front‑End Languages
There are essentially two different types of commenting in development languages: single‑line, and multi‑line. Here, we discuss these, and how to use them.
Dynamic Array Manipulation with JavaScript's splice(). Dynamic Array Manipulation with JavaScript's
splice()Discover how to master array modifications with JavaScript's Array.prototype.splice(), your all‑in‑one method for removing, adding, and replacing elements.
Using the filter() Method in JavaScript. Using the
filter()Method in JavaScriptUse JavaScript filter() to create arrays of matching items, with callback syntax, object filtering examples, readable predicates, and practical tips.
Manipulating Strings in JavaScript with split(). Manipulating Strings in JavaScript with
split()Use JavaScript split() for string manipulation, including delimiters, limits, regular expressions, edge cases, parsing, and practical data handling.
Check If Today is Between Two Dates in JavaScript. Check If Today is Between Two Dates in JavaScript
Using JavaScript we can use the Date() function to create Date objects, and then use less/more than comparisons to work out if the date falls in between.
Why We Use an Empty Dependency Array in React's useEffect Hook. Why We Use an Empty Dependency Array in React's
useEffectHookUnderstand the empty dependency array in React useEffect, including run‑once behaviour, cleanup, stale data risks, and how different dependencies behave.
Mastering JavaScript's slice(). Mastering JavaScript's
slice()Explore the capabilities of JavaScript's Array.prototype.slice() for creating subarrays, cloning arrays, and more, with no changes to the original.
Understanding JavaScript's sort() Method. Understanding JavaScript's
sort()MethodUnderstand JavaScript's sort() method, including in‑place mutation, string defaults, numeric comparators, object sorting, and unexpected ordering behaviour.
Responsive JavaScript and the matchMedia Method. Responsive JavaScript and the
matchMediaMethodIn the past, we used event listeners on the Window to determine the physical dimensions of a document. Using matchMedia allows us to use media query syntax.
Unravelling JavaScript: Commonly Misunderstood Methods and Features. Unravelling JavaScript: Commonly Misunderstood Methods and Features
A tour of commonly misunderstood JavaScript features, from sort(), slice(), splice(), split(), Math.random(), parseInt(), isNaN(), typeof, and more.