Configurando tu entorno de desarrollo | JavaScript Fundamentals

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!