Módulo Formativo · DAW

Desarrollo Web en Entorno Cliente

Contenidos curriculares, prácticas y recopilación de los 21 ejercicios de repaso de JavaScript. Inspecciona el código fuente con coloreado de sintaxis a través del Visor de GitHub o prueba su ejecución interactiva.

Unidades de trabajo

Unidad 1 · En curso

Arquitecturas y lenguajes en clientes web

Fundamentos de JavaScript nativo, tipos de datos, control de flujo, funciones, gestión del DOM y persistencia en cliente (Cookies).

  • Actividad 2.1: Modificar contenido y CSS de elementos del DOM.
  • Actividad 2.2: Preferencias de usuario mediante Cookies.
  • Actividad 3.2: 21 ejercicios de repaso de fundamentos de JS.
  • Visor GitHub: Análisis de código y previsualización.
Ver 21 Ejercicios Ver en Visor
Unidad 2 · Próximamente

Estructuras, Objetos y Eventos

Clases ES6, encapsulamiento, manipulación avanzada de eventos en el DOM y validación de formularios reactivos.

  • Clases y modularización de código.
  • Propagación de eventos (bubbling y capturing).
  • Validaciones dinámicas de entrada de usuario.

21 Ejercicios de Repaso (JS)

EJ-01Consola

Variables y tipos de datos

Tipos primitivos y complejos. Salidas por log, error, info y debug.

Visor Demo
EJ-02Arrays

Array aleatorio y filtrado

100 números al azar, console.table y filtrado por intervalo numérico.

Visor Demo
EJ-03Objetos

Objeto persona complejo

Objeto literal anidado con arrays, funciones y visualización estructurada.

Visor Demo
EJ-04Entrada

Suma con prompt()

Suma de dos números con captura prompt() y validación preventiva.

Visor Demo
EJ-05Condicional

Par o impar con prompt()

Evaluación de paridad mediante el operador residuo aritmético (%).

Visor Demo
EJ-06DOM

Par o impar desde input HTML

Integración entre DOM y JS: eventos submit y renderizado reactivo.

Visor Demo
EJ-07Cadenas

Contar vocales en palabra

Análisis léxico iterativo insensible a mayúsculas y acentos.

Visor Demo
EJ-08Math

Aleatorio en intervalo

Generación uniforme de enteros con Math.floor y Math.random.

Visor Demo
EJ-09Cadenas

Revertir cadena de texto

Inversión de caracteres mediante split(''), reverse() y join('').

Visor Demo
EJ-10Arrays

Número más grande

Búsqueda de máximos con Math.max y spread operator (...) en array.

Visor Demo
EJ-11Set

Valores únicos con Set

Eliminación de duplicados y cálculo de cardinalidad única.

Visor Demo
EJ-12Filter

Filtrar números pares

Uso de función de orden superior Array.prototype.filter().

Visor Demo
EJ-13Cadenas

Contar palabras en frase

Tokenización textual omitiendo espacios múltiples.

Visor Demo
EJ-14Algoritmo

Comprobador Palíndromo

Detección de simetría en secuencias de texto normalizadas.

Visor Demo
EJ-15Math

Primos en un rango

Algoritmo de comprobación de divisibilidad y primalidad.

Visor Demo
EJ-16Fórmula

Celsius a Fahrenheit

Conversor térmico bidireccional aplicando relaciones físicas.

Visor Demo
EJ-17Sort

Ordenar array numérico

Comparador numérico (a, b) => a - b en Array.prototype.sort().

Visor Demo
EJ-18Reduce

Palabra más larga

Evaluación iterativa con reduce() para hallar la palabra máxima.

Visor Demo
EJ-19Reduce

Promedio de un array

Media aritmética acumulando con reduce() y dividiendo por n.

Visor Demo
EJ-20Cadenas

Mayúsculas y minúsculas

Alternancia de mayúsculas/minúsculas según índice de carácter.

Visor Demo
EJ-21Filter

Filtrar mayores que X

Función pura de filtrado sobre array con límite numérico dinámico.

Visor Demo