Introducción a JavaScript

En este tutorial, aprenderá diferentes formas de ejecutar JavaScript en su computadora.

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

JavaScript se usaba anteriormente principalmente para hacer páginas web interactivas, como validación de formularios, 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
  • Creando páginas web

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

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

  1. Abre tu navegador favorito (aquí usaremos Google Chrome).
  2. Abra las herramientas de desarrollo haciendo clic derecho en un área vacía y seleccione Inspeccionar. Atajo: F12 . Inspeccionar navegador
  3. En las herramientas de desarrollador, 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 ejecución de back-end para ejecutar código JavaScript. Para ejecutar JS usando Node.js, siga estos pasos:

  1. Instale la última versión de Node.js.
  2. Instale un IDE / Editor de texto como Visual Studio Code. En el código VS, cree un archivo > escriba código JS > guárdelo con la extensión .js . Código en IDE
  3. Abra la terminal / símbolo del sistema > navegue hasta la ubicación del archivo > escriba node hello.js > presione enter . Ejecutar código JS en el nodo
  4. Obtendrá salida en el terminal.

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

Ejecutar código JS en el nodo

Creando 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:

  1. Abra VS Code > Vaya a Archivo > Nuevo archivo > Guárdelo con extensión .html . Por ejemplo main.html,.
  2. Copie este doctype (código HTML mínimo válido) y guárdelo en el archivo. 
      Programiz
  3. De manera similar, cree un archivo JS, escriba el siguiente código JS y guárdelo con la extensión .js como main.js. 
     console.log('hello world');
    Código JS en un archivo
  4. Desde dentro del archivo HTML, necesitamos vincular el main.jsarchivo para usarlo. Puede lograrlo agregando el siguiente código en formato main.html.
    Código HTML en un archivo
  5. Abra el main.htmlarchivo con un navegador.
  6. Para verificar si nuestro código JS se ejecutó o no, haga clic con el botón derecho en la página web> Inspeccionar > Elegir pestaña de consola . Mostrando código JS en la pestaña de la consola

Ahora que sabe cómo ejecutar JavaScript, comencemos a aprender los fundamentos de JavaScript en el siguiente tutorial.

Articulos interesantes...