Ejemplos JavaScript PIMEC Front-End

Este repositorio contiene ejemplos y ejercicios organizados por temas fundamentales de JavaScript y desarrollo front-end. A continuación se describe la estructura de carpetas y archivos:

Raíz

• preguntasEva.js: Preguntas de evaluación o ejercicios generales.
• test.html: Archivo HTML de pruebas generales.

API-fetch

Ejemplos de uso de la API Fetch:

• de-json-a-object.js: Conversión de JSON a objeto.
• index-fetch-api.html: Ejemplo básico de uso de Fetch API.
• index-fetch-post.html: Ejemplo de petición POST con Fetch.
• index-pokemon-fetch-usando-promesas-encadenadas.html: Ejemplo de Fetch con promesas encadenadas usando la API de Pokémon.

arrays

Ejercicios y ejemplos sobre arrays:

• array-1-el-origen.js: Introducción a los arrays.
• array-2-buscar.js: Búsqueda en arrays.
• array-objetos.js: Arrays de objetos.
• array-operaciones-comunes.js: Operaciones comunes con arrays.
• array-y-funciones.js: Uso de funciones con arrays.
• manera-recorrer-arrays.js: Diferentes formas de recorrer arrays.
• metodo-foreach.js: Uso del método forEach.
• metodos-array.js: Métodos de arrays.
• otros-metodos-array.js: Otros métodos útiles de arrays.

bucles

Ejercicios sobre bucles:

• bucle-for.js: Ejemplo de bucle for.
• bucle-while.js: Ejemplo de bucle while.

condicionales

Ejercicios sobre condicionales y operadores:

• 10-marzo-operadores.js: Operadores en JavaScript.
• condicional-3.js a condicional-5.js: Ejercicios de condicionales.
• condicional-cajero.js y condicional-cajero-2.js: Simulación de cajero automático.
• condicional-switch.js: Uso de switch.
• condicional-ternario.js: Operador ternario.
• condicional-valor-boleano.js: Valores booleanos.
• condicionales-2.js, condicionales-falsy-values.js, condicionales.js: Más ejercicios de condicionales.
• if-anidados.js: If anidados.

debugar

• ejemplo.js: Ejemplo para depuración.

DOM

Ejercicios y ejemplos sobre el DOM y eventos:

• index-acceder-campos-formulario-con-validacion-html.html: Acceso y validación de campos de formulario.
• index-acceder-campos-formulario.html: Acceso a campos de formulario.
• index-asociar-eventos.html: Asociación de eventos.
• index-dom.html: Introducción al DOM.
• index-objeto-event-2025.html: Ejemplo de objeto event (2025).
• index-querySelector-extended.html: Uso avanzado de querySelector.
• intro-DOM-2025.html, intro-DOM-que-es-el-DOM.html: Introducción al DOM.
• mapa.jpg: Imagen de apoyo.
• setInterval.html, setTimeout.html: Ejemplos de temporizadores.

DOM/2024

• index-objeto-event.html: Ejemplo de objeto event.

DOM/apps-con-estado

• index-ticket-hospital.html, index-tickets.html: Apps de ejemplo con estado.

DOM/evento-clic

• index-evento-click.html: Ejemplo de evento click.
• script.js: Script asociado.

DOM/evento-input-y-change

• index.html: Ejemplo de eventos input y change.
• t-shirt.png: Imagen de apoyo.

funciones

Ejercicios y ejemplos sobre funciones:

• el-return.js: Uso de return.
• funciones-1.js a funciones-4.js: Ejercicios de funciones.
• funciones-reglas-oro.js: Buenas prácticas.
• funciones.js: Ejercicios generales.
• functiones-objetos.js: Funciones y objetos.
• otras-maneras-definir-funciones.js: Otras formas de definir funciones.
• una-funcion-que-se-declara-y-se-ejecuta-automaticamente.js: IIFE.

objetos

Ejercicios sobre objetos:

• objetos-1.js, objetos-2.js: Introducción y ejemplos.
• objetos-funciones.js, objetos-funciones-2.js: Objetos y funciones.
• objetos.js: Ejercicios generales.

strings

Ejercicios sobre cadenas de texto:

• crear-string.js: Crear strings.
• strings-1.js: Ejercicios básicos.
• substrings.js: Subcadenas.
• template-strings.js: Template strings.

variables

Ejercicios sobre variables:

• concatenar-strings.js: Concatenación de strings.
• ejercicio-tienda-ropa.html: Ejercicio práctico.
• incrementar-valor-variable-en-1.js, incrementar-valor-variable.js, incrementar-variables-atajo.js: Incremento de variables.
• javascript-is-case-sensitive.js: Sensibilidad a mayúsculas/minúsculas.
• otras-formas-definir-variables.js: Otras formas de definir variables.
• variable-const.js: Uso de const.
• variables-2.js, variables-3.js, variables.js: Ejercicios generales.

---

Este esquema te ayudará a localizar rápidamente los ejemplos y ejercicios según el tema que quieras repasar o practicar.