> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/Chalarangelo/30-seconds-of-code/llms.txt
> Use this file to discover all available pages before exploring further.

# JavaScript Guide

> Comprehensive guide to JavaScript ES6+ features, helper functions, and best practices

# JavaScript Guide

Welcome to the JavaScript collection! This comprehensive guide covers a wide variety of ES6+ helper functions, algorithms, and best practices. Whether you're working with arrays, objects, DOM manipulation, or asynchronous code, you'll find practical examples and explanations here.

## What You'll Learn

This JavaScript guide includes helpers for:

* **Primitives & Arrays**: Master array operations, initialization techniques, and data transformations
* **Objects**: Learn object manipulation, cloning strategies, and property handling
* **Functions**: Understand arrow functions, closures, and functional programming patterns
* **Async Operations**: Work with promises, HTTP requests, and asynchronous control flow
* **DOM Manipulation**: Query, manipulate, and interact with HTML elements
* **Advanced Topics**: Explore algorithms, data structures, generators, and regular expressions

## Why This Guide?

The JavaScript article collection contains a wide variety of ES6 helper functions. It includes helpers for dealing with primitives, arrays and objects, as well as algorithms, DOM manipulation functions and Node.js utilities.

<CardGroup cols={2}>
  <Card title="Arrays" icon="list" href="./arrays/overview">
    Learn array initialization, methods, and manipulation techniques
  </Card>

  <Card title="Objects" icon="cube" href="./objects/overview">
    Master object operations, cloning, and property handling
  </Card>

  <Card title="Functions" icon="function" href="./functions/overview">
    Understand arrow functions and functional programming
  </Card>

  <Card title="Async" icon="clock" href="./async/promises">
    Work with promises and asynchronous JavaScript
  </Card>

  <Card title="DOM" icon="browser" href="./dom/manipulation">
    Manipulate and query the Document Object Model
  </Card>

  <Card title="Advanced" icon="rocket" href="./advanced/algorithms">
    Explore algorithms, data structures, and advanced patterns
  </Card>
</CardGroup>

## Getting Started

Each section contains practical, real-world examples extracted from production code. The snippets are designed to be:

* **Copy-paste ready**: Use them directly in your projects
* **Well-explained**: Understand the why, not just the what
* **Performance-conscious**: Learn about efficiency and optimization
* **Modern**: Using ES6+ features and best practices

Navigate through the sections using the sidebar or jump to a specific topic using the cards above.