Preparando tu entorno de desarrollo

Antes de empezar a programar, necesitas configurar tu entorno de desarrollo. No te preocupes, es mas sencillo de lo que parece!

1. El navegador web

Tu navegador ya tiene todo lo necesario para ejecutar JavaScript. Te recomendamos usar Chrome o Firefox por sus excelentes herramientas de desarrollo.

Abriendo la consola del navegador:

Chrome/Edge: Presiona F12 o Ctrl+Shift+J (Cmd+Option+J en Mac)
Firefox: Presiona F12 o Ctrl+Shift+K (Cmd+Option+K en Mac)

2. Editor de codigo

Recomendamos Visual Studio Code (VS Code), es gratuito y tiene excelentes extensiones para JavaScript.

Extensiones recomendadas para VS Code:

ESLint: Para encontrar errores en tu codigo
Prettier: Para formatear tu codigo automaticamente
Live Server: Para ver tus cambios en tiempo real

3. Tu primer programa

Crea un archivo llamado index.html con el siguiente contenido:

<!DOCTYPE html>
<html>
<head>
  <title>Mi primer JavaScript</title>
</head>
<body>
  <h1>Hola Mundo</h1>
  <script>
    console.log("Hola desde JavaScript!");
    alert("Funciona!");
  </script>
</body>
</html>

Abre este archivo en tu navegador y deberas ver un mensaje de alerta. Felicitaciones, acabas de ejecutar tu primer codigo JavaScript!

Convertí esta lección en una prueba técnica visible.

Una app pequeña publicada, con README y decisiones explicadas, funciona mejor que una lista de tecnologías sueltas.

Paso 1

Creá una demo mínima que use el concepto de la lección.

Paso 2

Escribí un README corto con objetivo, stack, decisión técnica y mejora futura.

Paso 3

Publicá la demo y enlazala desde tu perfil profesional.

Configurando tu entorno de desarrollo