Antes de explorar las versiones de JavaScript, necesitas un entorno de desarrollo bien configurado con Git, Node.js, GitHub y Visual Studio Code. Esta guía te muestra cómo preparar tu computadora paso a paso para seguir un curso de ECMAScript sin tropiezos técnicos.

La configuración correcta evita conflictos de versiones, te permite ejecutar código directamente desde el editor y deja tu proyecto listo para versionarlo en la nube. Es la base que todo desarrollador profesional repite en cada nuevo proyecto.

¿Qué herramientas necesitas instalar para trabajar con JavaScript?

La stack base para seguir el curso combina control de versiones, runtime, hosting de código y editor. Cada pieza cumple un rol específico y todas conviven en tu flujo diario.

• Git: sistema de control de versiones que registra cada cambio en tu código. Instálalo desde el sitio oficial según tu sistema operativo [01:00].
• Node.js: runtime de JavaScript fuera del navegador. Descarga siempre la versión LTS (soporte extendido) o la más reciente estable para evitar conflictos de compatibilidad [01:20].
• GitHub: plataforma en la nube donde almacenarás tu repositorio y compartirás recursos del curso [01:55].
• Visual Studio Code: editor de código con plugins que te permiten ejecutar ejercicios sin salir de la herramienta [02:10].

¿Qué versión de Node.js debo instalar? La versión LTS (Long Term Support) o la más reciente estable. La LTS garantiza compatibilidad y soporte extendido, evitando errores al ejecutar dependencias.

¿Qué conocimiento previo necesitas antes de empezar?

Haber tomado el curso básico de JavaScript es un requisito. Necesitas dominar variables, funciones y la lógica fundamental del lenguaje para entender cómo evolucionó con cada versión de ECMAScript [02:50].

¿Cómo inicializar un proyecto de JavaScript desde la terminal?

El flujo de inicialización combina tres comandos clave que dejan tu carpeta lista para versionar y gestionar dependencias. Trabajar desde la terminal es una habilidad transversal de todo desarrollador.

1. Crea la carpeta del proyecto con mkdir curso-ecmascript y entra con cd curso-ecmascript [03:50].
2. Inicializa Git con git init para crear un repositorio local que registre cada cambio [04:30].
3. Inicializa npm con npm init (o npm init -y para configuración por defecto) y completa los campos que aparecen [05:00].

Durante npm init te pedirá nombre, versión, descripción, entry point, repositorio Git, keywords, autor y licencia. Para versiones, npm usa el formato SemVer (versionado semántico), un estándar que define cómo numerar releases mayores, menores y parches.

¿Qué hace git init exactamente? Crea un repositorio local en tu computadora que empieza a registrar todos los cambios de archivos. Cuando lo conectes a GitHub, esos cambios se sincronizan a la nube.

¿Cómo llenar correctamente los campos de npm init?

Cada campo aporta metadata útil cuando publiques el proyecto. Estos son los criterios que conviene seguir:

• Descripción: explica qué hace el proyecto en una línea clara.
• Keywords: usa entre tres y cinco palabras (por ejemplo, javascript, ecmascript).
• Autor: formato Nombre Apellido <correo@dominio.com>.
• Licencia: la MIT es la más usada en proyectos open source porque permite uso comercial y es permisiva [07:30].

¿Qué plugins de Visual Studio Code son indispensables?

Visual Studio Code se abre rápido desde la terminal con el comando code . dentro de la carpeta del proyecto [08:30]. Una vez abierto, los plugins extienden sus capacidades para ejecutar y depurar JavaScript sin salir del editor.

De toda la lista, tres son obligatorios para seguir el curso:

• Code Runner: ejecuta fragmentos de código seleccionados y muestra el output dentro del editor [09:30].
• Live Server: levanta un servidor local con recarga automática para ejercicios que requieren navegador [10:30].
• JavaScript ES6 Code Snippets: ofrece autocompletado y sugerencias específicas para sintaxis moderna [11:00].

Otros plugins recomendados pero opcionales son Auto Tag para cerrar etiquetas automáticamente, Error Lens para visualizar errores en línea, y guías de indentación tipo rainbow para identificar bloques anidados.

¿Cómo estructurar las carpetas del proyecto?

Una estructura limpia facilita la navegación y refleja convenciones de la industria. La carpeta raíz del código fuente se llama src (abreviación de source), un estándar reconocido en cualquier proyecto JavaScript [11:30].

Dentro de src, crea una subcarpeta por cada versión de ECMAScript que vayas a estudiar, empezando por ES6. Ahí vivirá un archivo por cada característica nueva del lenguaje, lo que te permite probar features de forma aislada y comparar comportamientos entre versiones.

Con Git inicializado, npm configurado, los plugins instalados y la carpeta src/ES6 lista, tu entorno queda preparado para empezar a explorar las features que transformaron JavaScript. ¿Qué plugin de VS Code usas tú que no apareció en la lista? Cuéntalo en los comentarios.