Lección 1: Fundamentos del entorno de ejecución de JavaScript: Recorrido conceptual

Explicación del concepto

Esta lección presenta cómo se ejecuta realmente el código JavaScript antes de que empieces a construir funcionalidades más grandes. Escribirás un programa pequeño, lo ejecutarás en un entorno JavaScript y observarás cómo los valores se mueven a través de sentencias simples. El objetivo no es memorizar la sintaxis de forma aislada, sino entender qué hace el entorno de ejecución (runtime) cuando tu código se inicia, registra la salida y finaliza. Al final, deberías sentirte cómodo leyendo un script corto, prediciendo su salida y realizando un pequeño cambio con confianza.

Dónde poner el código

1. Comienza con variables y entradas. Usa la sintaxis de navegador o Node.js claramente.
2. Añade la lógica de procesamiento en la sección central.
3. Finaliza con la salida y una validación rápida.

Referencia de comandos

• Ejecuta el script una vez y explica qué representa cada línea de salida.
• Cambia el valor de una variable, vuelve a ejecutar el archivo y compara el nuevo resultado.
• Señala qué sentencias se ejecutan de arriba abajo en este ejemplo.
• Refactoriza el código inicial para que el mensaje impreso sea más fácil de reutilizar.

Guía paso a paso

1. Lee el código de arriba abajo y predice la salida antes de ejecutarlo.
2. Ejecuta el archivo y verifica si la salida real coincide con tu expectativa.
3. Renombra una variable para que su propósito sea inmediatamente obvio.
4. Añade una línea extra de `console.log` que imprima una pieza de información relacionada.
5. Resume en una frase lo que hizo el entorno de ejecución de JavaScript cuando se ejecutó este archivo.

Ejercicios prácticos

• Crea un script similar que imprima tu ruta de lenguaje, número de lección y objetivo actual.
• Modifica el ejemplo para que la salida se construya a partir de variables en lugar de texto codificado (hard-coded).
• Escribe una nota corta describiendo qué cambió cuando editaste y volviste a ejecutar el archivo.

Retos de código

• Produce la misma salida final usando una configuración de variables diferente sin hacer que el código sea más difícil de leer.
• Diseña un script de inicio pequeño que tenga sentido al comienzo de una aplicación de aprendizaje real.

Mini tareas de práctica

• Renombra una variable para mayor claridad.
• Añade una línea de salida útil.
• Confirma la salida final con una verificación manual rápida.