Resolución de problemas y debugging en JavaScript
Investiga errores reales con un proceso reproducible: observa evidencias, contrasta hipótesis, utiliza consola y DevTools, corrige y verifica. Integra las técnicas en una tienda con defectos preparados y escenarios de regresión manual.
Cinco clases completas para diagnosticar programas existentes sin frameworks ni instalaciones. Codi guía la observación antes de ofrecer referencias de solución. Incluye tipos de errores, registros de consola, breakpoints, pasos, Scope, Watch, pila de llamadas y captura básica de excepciones.
Las prácticas de navegador utilizan snippets locales en DevTools para console.table, debugger y ejecución paso a paso. Los playgrounds aislados se limitan a JavaScript síncrono y salidas permitidas, sin presentar un depurador inexistente en la plataforma. Las representaciones visuales son esquemas conceptuales, no capturas de sesiones.
El desafío contiene seis defectos preparados y casos complementarios de sintaxis y referencia. Ofrece una versión reparada y tablas de escenarios independientes. Los informes personales, reflexiones y código libre no reciben evaluación automática. Utiliza contextos nuevos cuando la consola conserve declaraciones previas y datos ficticios en todos los ejercicios.
Qué aprenderás
Definir entradas y resultados esperados y reproducir un fallo. Distinguir errores de sintaxis, referencia, tipo y lógica. Interpretar mensajes y ubicaciones sin depender de su redacción exacta. Investigar con registros etiquetados y comparar valores intermedios. Preparar snippets y utilizar breakpoints, pasos, Scope y Watch en DevTools. Seguir argumentos y retornos mediante la pila de llamadas. Formular y contrastar una hipótesis por vez. Distinguir captura de excepciones de corrección de causas. Reparar un sistema pequeño y verificar escenarios habituales, límite y regresiones. Documentar evidencia, causa, cambio y comprobaciones de forma breve.
Antes de empezar
Haber completado los cursos 01 a 12 de Fundamentos de Programación o conocer variables, tipos, operadores, condicionales, bucles, funciones, arrays, objetos, referencias y métodos map, filter y find. Se reutiliza consola del navegador. No se requiere experiencia con un depurador profesional. Chrome DevTools es la referencia visual; Edge y Firefox ofrecen herramientas equivalentes con disposición y nombres propios.
Tu recorrido
5 clases para descubrir, practicar y repasar.
- Observar y reproducir: reconocer errores
Reproducir un fallo con datos fijos, contrastar esperado y observado y distinguir SyntaxError, ReferenceError, TypeError y errores lógicos.
- Investigar con consola: valores e hipótesis
Ubicar registros útiles, comparar valores intermedios y comprobar una hipótesis sin cambiar varias partes del programa a la vez.
- Detener y observar: breakpoints y ejecución paso a paso
Preparar un snippet en DevTools, establecer un breakpoint y utilizar pasos, Scope y Watch para localizar la primera diferencia en un acumulador.
- Seguir el origen: pila de llamadas e hipótesis
Interpretar una pila sencilla, seguir argumentos y retornos entre funciones y usar try...catch sin confundir captura con corrección.
- Desafío: investigar una tienda con errores preparados
Reproducir, investigar y corregir defectos de un programa de ventas, documentando evidencia, causa y verificación manual de escenarios habituales y límite.
Puedes practicar sin cuenta. Tu avance anónimo se pierde al recargar o salir; inicia sesión para guardarlo.
Entrar al curso →