> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/dariomaranes/intro-web-2025/llms.txt
> Use this file to discover all available pages before exploring further.

# Introducción

> Bienvenido a la documentación de Introducción a la Programación Web

# Introducción a la Programación Web

Bienvenido al curso de **Introducción a la Programación Web**. Este proyecto educativo te guiará a través de los fundamentos esenciales del desarrollo web con JavaScript.

## ¿Qué aprenderás?

Este curso cubre los conceptos fundamentales que todo desarrollador web debe dominar:

<CardGroup cols={2}>
  <Card title="Manipulación del DOM" icon="code" href="/fundamentals/dom-manipulation">
    Aprende a seleccionar y modificar elementos HTML con JavaScript
  </Card>

  <Card title="JavaScript Asíncrono" icon="clock" href="/async/introduction">
    Domina callbacks, promises y async/await para código no bloqueante
  </Card>

  <Card title="Fetch API" icon="cloud-arrow-down" href="/http/fetch-api">
    Realiza peticiones HTTP y trabaja con APIs REST
  </Card>

  <Card title="Almacenamiento Web" icon="database" href="/storage/local-storage">
    Persiste datos en el navegador con localStorage y sessionStorage
  </Card>
</CardGroup>

## Características del Curso

<AccordionGroup>
  <Accordion title="Contenido Práctico">
    Cada concepto incluye ejemplos de código reales y ejercicios interactivos que puedes ejecutar en el navegador.
  </Accordion>

  <Accordion title="Enfoque Progresivo">
    Los temas están organizados desde lo más básico hasta conceptos avanzados, siguiendo una progresión lógica de aprendizaje.
  </Accordion>

  <Accordion title="Código Real">
    Todos los ejemplos están extraídos del proyecto real, mostrando patrones y prácticas que funcionan en aplicaciones del mundo real.
  </Accordion>
</AccordionGroup>

## Estructura del Curso

El contenido está organizado en cinco secciones principales:

### 1. Introducción

Configuración inicial y conceptos básicos para comenzar.

### 2. Fundamentos

Manipulación del DOM, selectores y event listeners - la base de cualquier aplicación web interactiva.

### 3. JavaScript Asíncrono

Comprende cómo JavaScript maneja operaciones no bloqueantes con callbacks, promises y async/await.

### 4. HTTP y Almacenamiento

Aprende a comunicarte con servidores usando Fetch API y a persistir datos en el navegador.

### 5. Ejemplos Prácticos

Casos de uso completos que integran todos los conceptos aprendidos.

## Requisitos Previos

Para aprovechar al máximo este curso, deberías tener:

* Conocimientos básicos de HTML y CSS
* Familiaridad con conceptos básicos de programación (variables, funciones, condicionales)
* Un navegador web moderno (Chrome, Firefox, Safari, Edge)
* Un editor de código (VS Code, Sublime Text, etc.)

<Note>
  No necesitas experiencia previa con JavaScript. Este curso está diseñado para llevarte desde los fundamentos hasta conceptos más avanzados.
</Note>

## Comenzar

¿Listo para empezar? Dirígete a la sección [Primeros Pasos](/getting-started) para configurar tu entorno y escribir tu primer código JavaScript.