¡ Á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
- ✅ Manipulación avanzada del DOM, temporizadores y manejo de nodos (Desde 8:29:46 hasta 9:57:04)
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
ysetInterval
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?