Classes in JavaScript: An Introduction
An article that provides a beginner‑friendly introduction to classes in JavaScript, explaining what they are, how they work, and how to use them in your code.
Articles
Front‑end Development, page 21 of 23
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 articles collected together for you below.
Classes in JavaScript: An Introduction. 
Comparing Arrays in JavaScript. Comparing Arrays in JavaScript
Comparing arrays in JavaScript is trickier than it first looks. This guide covers reference equality, value comparison, and practical alternatives.
Writing Safer JavaScript for Older Browsers. Writing Safer JavaScript for Older Browsers
Write safer JavaScript for older browsers by checking support, avoiding fragile assumptions, containing failures, and keeping core interactions usable.
Invoked Function Expressions (IIFE). Invoked Function Expressions (IIFE)
IIFEs were a common JavaScript pattern before modern modules took over. This guide explains what they do, why they existed, and when they still appear.
Understanding call, apply, and bind in JavaScript. Understanding
call,apply, andbindin JavaScriptUnderstand call, apply, and bind in JavaScript, including this context, argument passing, borrowed methods, invocation differences, and practical use.
Appending and Prepending Items to an Array. Appending and Prepending Items to an Array
Append and prepend array items in JavaScript with push(), unshift(), spread syntax, mutation trade‑offs, return values, and cleaner update patterns.
How Inheritance Works in the JavaScript Prototype Chain. How Inheritance Works in the JavaScript Prototype Chain
The JavaScript prototype chain underpins inheritance, enabling object property sharing. Here, I explore its workings, property searching, and quirks.
JavaScript Build Tools and Module Formats. JavaScript Build Tools and Module Formats
A practical overview of JavaScript build tools and module formats, covering globals, CommonJS, AMD, Browserify, bundling, and project trade‑offs.
Type Coercion in JavaScript: Implicit vs. Explicit Conversion. Type Coercion in JavaScript: Implicit vs. Explicit Conversion
Type coercion in JavaScript explained clearly, including implicit vs. explicit conversion, equality surprises, string concatenation, and number casting.
Using CommonJS to Implement Modules in JavaScript. Using CommonJS to Implement Modules in JavaScript
Use CommonJS modules in JavaScript with require() and module.exports, covering Node.js origins, browser bundling, limitations, and ES module comparison.
How to Find the Best Web Developer Near You: A Guide for Local Businesses. How to Find the Best Web Developer Near You: A Guide for Local Businesses
Find the best web developer near you in Brighton, Sussex, or London. This guide covers what to look for, from technical skills to communication and aftercare.
Controlled vs. Uncontrolled Components in React. Controlled vs. Uncontrolled Components in React
Controlled vs. uncontrolled components in React explained with form examples, refs, validation trade‑offs, and why each approach suits different jobs.
Why this Changes in JavaScript Event Handlers and Methods. Why
thisChanges in JavaScript Event Handlers and MethodsUnderstand why this changes in JavaScript methods and event handlers, including call sites, arrow functions, bind(), event objects, and context bugs.
Looping in JavaScript ES5 and ES6: forEach and for...of. Looping in JavaScript ES5 and ES6:
forEachandfor...ofWith the introduction of the new JavaScript standard ES6, there are some new and interesting ways to loop through data, which I discuss here today.
Asynchronous Module Definition (AMD) in JavaScript. Asynchronous Module Definition (AMD) in JavaScript
Asynchronous Module Definition explained, including AMD module loading, define(), dependency handling, CommonJS, ES modules, and modern relevance.
Keeping jQuery Plugins Maintainable. Keeping jQuery Plugins Maintainable
Keep jQuery plugin usage maintainable with clear wrappers, option defaults, event names, lifecycle checks, CSS boundaries, ownership, and update notes.
Getting Started with Callbacks in JavaScript. Getting Started with Callbacks in JavaScript
Callbacks are a core part of JavaScript, even if promises get more attention now. This guide explains how they work and where they still show up.
Primitive vs. Reference Types in JavaScript. Primitive vs. Reference Types in JavaScript
Primitive vs. reference types in JavaScript explained clearly, including copying behaviour, mutation, equality, and why arrays and objects surprise beginners.
