fix(seo): shorten all Beyond 33 page titles to 50-60 chars

leonardomso · leonardomso · commit 51e1e6497573 · 2026-01-07T09:19:30.000-03:00
Shorten page titles to prevent truncation in search results.
Full titles (with ' - 33 JavaScript Concepts' suffix) now fit
within the recommended 50-60 character range.

28 pages updated:
- hoisting, proxy-reflect, requestanimationframe
- localstorage-sessionstorage, object-methods, debouncing-throttling
- property-descriptors, getters-setters, tagged-template-literals
- javascript-type-nuances, event-delegation, memory-management
- memoization, indexeddb, json-deep-dive, blob-file-api
- resize-observer, garbage-collection, typed-arrays-arraybuffers
- custom-events, event-bubbling-capturing, weakmap-weakset
- strict-mode, performance-observer, mutation-observer
- cookies, temporal-dead-zone, computed-property-names

Per ahrefs SEO recommendation: titles should be 50-60 chars max.
diff --git a/docs/beyond/concepts/blob-file-api.mdx b/docs/beyond/concepts/blob-file-api.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Blob & File API: Working with Binary Data in JavaScript"
+title: "Blob & File API in JavaScript"
 sidebarTitle: "Blob & File API"
 description: "Learn JavaScript Blob and File APIs for binary data. Create, read, and manipulate files, handle uploads, generate downloads, and work with FileReader."
 ---
diff --git a/docs/beyond/concepts/computed-property-names.mdx b/docs/beyond/concepts/computed-property-names.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Computed Property Names: Dynamic Object Keys in JavaScript"
+title: "Computed Property Names in JS"
 sidebarTitle: "Computed Property Names"
 description: "Learn JavaScript computed property names. Create dynamic object keys with variables, expressions, Symbols, and computed methods for cleaner ES6+ code."
 ---
diff --git a/docs/beyond/concepts/cookies.mdx b/docs/beyond/concepts/cookies.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Cookies: Server-Accessible Browser Storage in JavaScript"
+title: "Cookies in JavaScript"
 sidebarTitle: "Cookies"
 description: "Learn JavaScript cookies. Understand how to read, write, and delete cookies, cookie attributes like HttpOnly and SameSite, and security best practices."
 ---
diff --git a/docs/beyond/concepts/custom-events.mdx b/docs/beyond/concepts/custom-events.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Custom Events: Create Your Own Events in JavaScript"
+title: "Custom Events in JavaScript"
 sidebarTitle: "Custom Events"
 description: "Learn JavaScript custom events. Create, dispatch, and listen for CustomEvent, pass data with the detail property, and build decoupled event-driven architectures."
 ---
diff --git a/docs/beyond/concepts/debouncing-throttling.mdx b/docs/beyond/concepts/debouncing-throttling.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Debouncing & Throttling: Control Event Frequency in JS"
+title: "Debouncing & Throttling in JS"
 sidebarTitle: "Debouncing & Throttling: Control Event Frequency"
 description: "Learn debouncing and throttling in JavaScript. Optimize event handlers, reduce API calls, and implement both patterns from scratch with real-world examples."
 ---
diff --git a/docs/beyond/concepts/event-bubbling-capturing.mdx b/docs/beyond/concepts/event-bubbling-capturing.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Event Bubbling & Capturing: Event Propagation in JavaScript"
+title: "Event Bubbling & Capturing"
 sidebarTitle: "Event Bubbling & Capturing"
 description: "Learn event bubbling and capturing in JavaScript. Understand the three phases of event propagation, stopPropagation, and when to use capturing vs bubbling."
 ---
diff --git a/docs/beyond/concepts/event-delegation.mdx b/docs/beyond/concepts/event-delegation.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Event Delegation: Handle Events Efficiently in JavaScript"
+title: "Event Delegation in JavaScript"
 sidebarTitle: "Event Delegation"
 description: "Learn event delegation in JavaScript. Handle events efficiently using bubbling, manage dynamic elements, reduce memory usage, and implement common patterns."
 ---
diff --git a/docs/beyond/concepts/garbage-collection.mdx b/docs/beyond/concepts/garbage-collection.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Garbage Collection: How JavaScript Frees Memory"
+title: "JavaScript Garbage Collection"
 sidebarTitle: "Garbage Collection"
 description: "Learn how JavaScript garbage collection works. Understand mark-and-sweep, reachability, and how to write memory-efficient code that helps the engine."
 ---
diff --git a/docs/beyond/concepts/getters-setters.mdx b/docs/beyond/concepts/getters-setters.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Getters & Setters: Computed Properties in JavaScript"
+title: "Getters & Setters in JavaScript"
 sidebarTitle: "Getters & Setters: Computed Properties"
 description: "Learn JavaScript getters and setters. Create computed properties, validate data on assignment, and build encapsulated objects with get and set accessors."
 ---
diff --git a/docs/beyond/concepts/hoisting.mdx b/docs/beyond/concepts/hoisting.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Hoisting: How Declarations Move to the Top in JavaScript"
+title: "Hoisting in JavaScript"
 sidebarTitle: "Hoisting: How Declarations Move to the Top"
 description: "Learn JavaScript hoisting and how declarations are moved to the top of their scope. Understand var vs let vs const hoisting, function hoisting, the Temporal Dead Zone, and common pitfalls."
 ---
diff --git a/docs/beyond/concepts/indexeddb.mdx b/docs/beyond/concepts/indexeddb.mdx
@@ -1,5 +1,5 @@
 ---
-title: "IndexedDB: Client-Side Database Storage in JavaScript"
+title: "IndexedDB in JavaScript"
 sidebarTitle: "IndexedDB: Client-Side Database Storage"
 description: "Learn IndexedDB for client-side storage in JavaScript. Store structured data, create indexes, perform transactions, and build offline-capable apps."
 ---
diff --git a/docs/beyond/concepts/javascript-type-nuances.mdx b/docs/beyond/concepts/javascript-type-nuances.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Type Nuances: null, undefined, typeof & More"
+title: "JavaScript Type Nuances"
 sidebarTitle: "Type Nuances"
 description: "Learn JavaScript type nuances: null vs undefined, typeof quirks, nullish coalescing (??), optional chaining (?.), Symbols, and BigInt for large integers."
 ---
diff --git a/docs/beyond/concepts/json-deep-dive.mdx b/docs/beyond/concepts/json-deep-dive.mdx
@@ -1,5 +1,5 @@
 ---
-title: "JSON Deep Dive: Advanced Serialization in JavaScript"
+title: "JSON Deep Dive in JavaScript"
 sidebarTitle: "JSON: Beyond Parse and Stringify"
 description: "Learn advanced JSON in JavaScript. Understand JSON.stringify() replacers, JSON.parse() revivers, circular reference handling, and custom toJSON methods."
 ---
diff --git a/docs/beyond/concepts/localstorage-sessionstorage.mdx b/docs/beyond/concepts/localstorage-sessionstorage.mdx
@@ -1,5 +1,5 @@
 ---
-title: "localStorage & sessionStorage: Web Storage in JavaScript"
+title: "localStorage & sessionStorage"
 sidebarTitle: "localStorage & sessionStorage"
 description: "Master Web Storage APIs in JavaScript. Learn localStorage vs sessionStorage, JSON serialization, storage events, security best practices, and when to use each."
 ---
diff --git a/docs/beyond/concepts/memoization.mdx b/docs/beyond/concepts/memoization.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Memoization: Caching Function Results in JavaScript"
+title: "Memoization in JavaScript"
 sidebarTitle: "Memoization: Caching Function Results"
 description: "Learn memoization in JavaScript. Cache function results, optimize expensive computations, build your own memoize function, and know when caching helps vs hurts."
 ---
diff --git a/docs/beyond/concepts/memory-management.mdx b/docs/beyond/concepts/memory-management.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Memory Management: How JavaScript Allocates and Frees Memory"
+title: "JavaScript Memory Management"
 sidebarTitle: "Memory Management"
 description: "Learn how JavaScript manages memory automatically. Understand the memory lifecycle, stack vs heap, common memory leaks, and how to profile memory with DevTools."
 ---
diff --git a/docs/beyond/concepts/mutation-observer.mdx b/docs/beyond/concepts/mutation-observer.mdx
@@ -1,5 +1,5 @@
 ---
-title: "MutationObserver: Watching DOM Changes in JavaScript"
+title: "MutationObserver in JavaScript"
 sidebarTitle: "MutationObserver: Watching DOM Changes"
 description: "Learn the MutationObserver API in JavaScript. Understand how to watch DOM changes, detect attribute modifications, observe child elements, and build reactive UIs without polling."
 ---
diff --git a/docs/beyond/concepts/object-methods.mdx b/docs/beyond/concepts/object-methods.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Object Methods: Keys, Values, Entries & More"
+title: "JavaScript Object Methods"
 sidebarTitle: "Object Methods: Inspect & Transform"
 description: "Learn JavaScript Object methods. Master Object.keys(), values(), entries(), assign(), structuredClone(), hasOwn(), and groupBy() for object manipulation."
 ---
diff --git a/docs/beyond/concepts/performance-observer.mdx b/docs/beyond/concepts/performance-observer.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Performance Observer: Monitor Web Performance in JavaScript"
+title: "PerformanceObserver in JS"
 sidebarTitle: "Performance Observer"
 description: "Learn the Performance Observer API in JavaScript. Understand how to measure page performance, track Long Tasks, monitor layout shifts, and collect Core Web Vitals metrics for real user monitoring."
 ---
diff --git a/docs/beyond/concepts/property-descriptors.mdx b/docs/beyond/concepts/property-descriptors.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Property Descriptors: Hidden Property Flags in JavaScript"
+title: "Property Descriptors in JS"
 sidebarTitle: "Property Descriptors: Hidden Property Flags"
 description: "Learn JavaScript property descriptors. Understand writable, enumerable, configurable flags, Object.defineProperty(), and how to create immutable properties."
 ---
diff --git a/docs/beyond/concepts/proxy-reflect.mdx b/docs/beyond/concepts/proxy-reflect.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Proxy & Reflect: Intercepting Object Operations"
+title: "Proxy & Reflect in JavaScript"
 sidebarTitle: "Proxy & Reflect: Intercepting Object Operations"
 description: "Learn JavaScript Proxy and Reflect APIs. Understand how to intercept object operations, create reactive systems, implement validation, and build powerful metaprogramming patterns."
 ---
diff --git a/docs/beyond/concepts/requestanimationframe.mdx b/docs/beyond/concepts/requestanimationframe.mdx
@@ -1,5 +1,5 @@
 ---
-title: "requestAnimationFrame: Smooth Animations in JavaScript"
+title: "requestAnimationFrame Guide"
 sidebarTitle: "requestAnimationFrame: Smooth Animations"
 description: "Learn requestAnimationFrame in JavaScript for smooth 60fps animations. Understand how it syncs with browser repaint cycles, delta time, and animation loops."
 ---
diff --git a/docs/beyond/concepts/resize-observer.mdx b/docs/beyond/concepts/resize-observer.mdx
@@ -1,5 +1,5 @@
 ---
-title: "ResizeObserver: Detect Element Size Changes in JavaScript"
+title: "ResizeObserver in JavaScript"
 sidebarTitle: "ResizeObserver"
 description: "Learn the ResizeObserver API in JavaScript. Detect element size changes, build responsive components, and replace inefficient window resize listeners."
 ---
diff --git a/docs/beyond/concepts/strict-mode.mdx b/docs/beyond/concepts/strict-mode.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Strict Mode: How to Catch Common Mistakes in JavaScript"
+title: "JavaScript Strict Mode"
 sidebarTitle: "Strict Mode: Catching Common Mistakes"
 description: "Learn JavaScript strict mode and how 'use strict' catches common mistakes. Understand silent errors it prevents, how this changes, and when to use it."
 ---
diff --git a/docs/beyond/concepts/tagged-template-literals.mdx b/docs/beyond/concepts/tagged-template-literals.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Tagged Template Literals: Custom String Processing"
+title: "Tagged Template Literals"
 sidebarTitle: "Tagged Template Literals"
 description: "Learn JavaScript tagged template literals. Understand how tag functions work, access raw strings, build HTML sanitizers, create DSLs, and use String.raw for file paths."
 ---
diff --git a/docs/beyond/concepts/temporal-dead-zone.mdx b/docs/beyond/concepts/temporal-dead-zone.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Temporal Dead Zone: Variable Initialization in JavaScript"
+title: "Temporal Dead Zone in JS"
 sidebarTitle: "Temporal Dead Zone"
 description: "Learn the Temporal Dead Zone (TDZ) in JavaScript. Understand why let, const, and class throw ReferenceError before initialization, and how TDZ differs from var."
 ---
diff --git a/docs/beyond/concepts/typed-arrays-arraybuffers.mdx b/docs/beyond/concepts/typed-arrays-arraybuffers.mdx
@@ -1,5 +1,5 @@
 ---
-title: "Typed Arrays: Working with Binary Data in JavaScript"
+title: "Typed Arrays in JavaScript"
 sidebarTitle: "Typed Arrays & ArrayBuffers"
 description: "Learn JavaScript Typed Arrays and ArrayBuffers. Understand binary data handling, DataView, working with WebGL, file processing, and network protocol implementation."
 ---
diff --git a/docs/beyond/concepts/weakmap-weakset.mdx b/docs/beyond/concepts/weakmap-weakset.mdx
@@ -1,5 +1,5 @@
 ---
-title: "WeakMap & WeakSet: Weak References in JavaScript"
+title: "WeakMap & WeakSet in JavaScript"
 sidebarTitle: "WeakMap & WeakSet"
 description: "Learn JavaScript WeakMap and WeakSet. Understand weak references, automatic garbage collection, private data patterns, and when to use them over Map and Set."
 ---
