Primeros pasos con JavaScript

JavaScript es un lenguaje de programación popular que tiene una amplia gama de aplicaciones.

Anteriormente, JavaScript se usaba principalmente para hacer que las páginas web fueran interactivas, como la validación de formularios, la animación, etc. Hoy en día, JavaScript también se usa en muchas otras áreas, como el desarrollo del lado del servidor, el desarrollo de aplicaciones móviles, etc.

Debido a su amplia gama de aplicaciones, puede ejecutar JavaScript de varias formas:

Usando la pestaña de la consola de los navegadores web
Usando Node.js
Mediante la creación de páginas web

1. Uso de la pestaña Consola de los navegadores web

Todos los navegadores web populares tienen motores de JavaScript integrados. Por lo tanto, puede ejecutar JavaScript en un navegador. Para ejecutar JavaScript en un navegador,

Abra su navegador favorito (aquí usaremos Google Chrome).
Abra las herramientas de desarrollo haciendo clic derecho en un área vacía y seleccione Inspeccionar. Atajo: F12.
Inspeccionar navegador
En las herramientas para desarrolladores, vaya a la pestaña de la consola. Luego, escriba el código JavaScript y presione enter para ejecutar el código.
Pestaña Consola en el navegador

Usando Node.js

Node es un entorno de tiempo de ejecución de back-end para ejecutar código JavaScript. Para ejecutar JS usando Node.js, siga estos pasos:

Instale la última versión de Node.js.
Instale un IDE/Editor de texto como Visual Studio Code. En código VS, crear un archivo > escribir código JS > guárdelo con la extensión .js.
Código en IDE
Abre la terminal/símbolo del sistema > navegar a la ubicación del archivo > escribe node hello.js > Presione enter.
Ejecutar código JS en el nodo
Obtendrá salida en la terminal.

Nota: También es posible ejecutar JavaScript en la terminal/símbolo del sistema directamente. Para eso, simplemente escriba node y presiona enter. Entonces puede comenzar a escribir código JS.

Mediante la creación de páginas web

JavaScript se creó inicialmente para hacer que las páginas web fueran interactivas, por eso JavaScript y HTML van de la mano. Para ejecutar JS desde una página web, siga estos pasos:

Abrir código VS > Ir al archivo > Archivo nuevo > Guárdelo con la extensión .html. Por ejemplo, main.html.

Copie este tipo de documento (código HTML mínimo válido) y guárdelo en el archivo.

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Programiz</title>
</head>

<body>
  <script src=""></script>
</body>
</html>

Del mismo modo, cree un archivo JS, escriba el siguiente código JS y guárdelo con .js extensión como main.js.
```
console.log('hello world');
```
código JS en un archivo
Desde dentro del archivo HTML, necesitamos vincular el main.js archivo para usarlo. Puede lograrlo agregando el siguiente código en main.html.
```
<script scr="main.js"></script>
```
código HTML en un archivo
Abre el main.html archivo utilizando un navegador.
Para verificar si nuestro código JS se ejecutó o no, Haga clic con el botón derecho en la página web > Inspeccionar > Elija la pestaña de la consola.
Mostrando código JS en la pestaña de la consola