🔒 Día 22 — Funciones avanzadas, temporizadores y manejo de errores en JavaScript

¡ Ánimo!. Hoy terminas el bloque de JavaScript a nivel junior.

Objetivo:
Hoy vamos a avanzar en la creación de funciones más dinámicas, utilizaremos temporizadores para controlar el tiempo de ejecución y aprenderemos a gestionar errores de manera elegante en JavaScript, habilidades esenciales para crear aplicaciones web sólidas y seguras.

📚 Formación Teórica

1. Funciones más dinámicas

Aprenderemos a trabajar con:

  • Parámetros predeterminados en funciones.
  • Funciones que retornan otras funciones.
  • Callbacks básicos.

2. Temporizadores

  • setTimeout(): Ejecutar código después de un tiempo.
  • setInterval(): Ejecutar código de forma repetida cada cierto intervalo.

3. Manejo de errores

  • Capturar errores inesperados con try...catch.
  • Evitar que errores bloqueen la ejecución completa del programa.

🎥 Vídeos de hoy

Instrucciones para el vídeo:
Observa cómo:

  • Se manejan nodos (parents, children, siblings) en el DOM.
  • Se crean temporizadores (setTimeout, setInterval).
  • Se capturan y gestionan errores de ejecución.

🧠 Apuntes Técnicos del Día

📌 Funciones dinámicas

function saludar(nombre = "invitado") {
  console.log(`Hola, ${nombre}`);
}

function procesarEntradaUsuario(callback) {
  const nombre = prompt("Introduce tu nombre:");
  callback(nombre);
}

procesarEntradaUsuario(saludar);
  • Puedes asignar un valor por defecto a un parámetro.
  • Puedes pasar funciones como argumentos (callbacks).

📌 Temporizadores en JavaScript

// setTimeout: ejecuta una vez después de 2 segundos
setTimeout(() => {
  console.log("Han pasado 2 segundos");
}, 2000);

// setInterval: ejecuta cada 3 segundos
setInterval(() => {
  console.log("Esto se repite cada 3 segundos");
}, 3000);
  • Ideal para animaciones, alertas, recordatorios, etc.

📌 Manejo de errores con try…catch

try {
  let resultado = noExiste + 5; // Error: noExiste no está definido
} catch (error) {
  console.error("Se produjo un error:", error.message);
}
  • El bloque try ejecuta el código que puede fallar.
  • El bloque catch captura cualquier error y permite manejarlo sin detener toda la aplicación.

🛠️ Tareas prácticas del Día 22

Tarea 1 — Funciones avanzadas:

  • Crea una función que reciba dos números y un callback.
  • El callback debe determinar si la suma de los dos números es par o impar.

Tarea 2 — Temporizadores:

  • Crea una alerta que aparezca 5 segundos después de cargar la página (usando setTimeout).
  • Crea un reloj en consola que actualice cada segundo mostrando la hora actual (setInterval).

Tarea 3 — Manejo de errores:

  • Intenta acceder a una variable no definida dentro de un try y captura el error, mostrando un mensaje personalizado en consola.

Entrega:

  • Crea un documento PDF donde adjuntes:
    • Código de las funciones, temporizadores y manejo de errores.
    • Capturas de pantalla mostrando que todo funciona correctamente.

🚀 Resultado esperado al finalizar el día

  • Dominar funciones avanzadas y callbacks básicos.
  • Usar setTimeout y setInterval para controlar el tiempo en tus scripts.
  • Capturar y manejar errores de forma segura en JavaScript.

✅ Con esto finalizas el Bloque JavaScript 0-Junior de tu certificación.
Has construido una base sólida que te permitirá abordar proyectos de frontend más complejos, incluyendo la creación de interfaces dinámicas y seguras.

¿Seguimos?