¿Qué es Java¿Guion? Introducción con un ejemplo de "Hola Mundo".

¿Qué es Java¿Texto?

JavaScript es un lenguaje de programación de alto nivel que agrega comportamiento a las páginas web. Es una de las tres tecnologías centrales de la web: HTML proporciona la estructura, CSS proporciona la apariencia y JavaEl script proporciona la interacción. Cada vez que un cuadro de búsqueda muestra sugerencias mientras escribes, un carrusel de fotos se desliza o un formulario de registro te advierte sobre un campo faltante, JavaEl script realiza ese trabajo en segundo plano.

El siguiente diagrama muestra cómo se ubica un script junto al código HTML de una página web común.

Durante la mayor parte de su vida JavaScript se describió como un lenguaje de scripting del lado del cliente, porque solo se ejecutaba dentro de un navegador. Esa descripción ahora es incompleta. Desde que Node.js apareció en 2009, el mismo lenguaje también ha impulsado servidores web, utilidades de línea de comandos, aplicaciones de escritorio y aplicaciones móviles. Una descripción más precisa hoy en día es que JavaScript es un lenguaje de propósito general con una presencia inusualmente fuerte en el navegador.

Las características que definen el idioma son:

• Tipado dinámico: Una variable puede contener un número ahora y una cadena de texto un momento después, por lo que los tipos se comprueban mientras se ejecuta el programa.
• Interpretado y compilado justo a tiempo: Los motores como V8 en Chrome y Node.js compilan el código que se ejecuta con frecuencia en código máquina para aumentar la velocidad.
• Multiparadigma: Se admiten los estilos imperativo, funcional y orientado a objetos.
• Impulsado por eventos: El código reacciona a clics, pulsaciones de teclas, temporizadores y respuestas de red en lugar de ejecutarse de arriba abajo y detenerse.ping.
• De un solo hilo con un bucle de eventos: Las tareas lentas, como una llamada de red, se ponen en cola en lugar de congelar la página.

Historia JavaScript

Brendan Eich creó JavaScript en Netscape Communications en 1995, produciendo el primer prototipo funcional en aproximadamente diez días. Internamente el proyecto se llamó MochaSe incluyó en una versión beta de Netscape Navigator 2.0 como LiveScript en septiembre de 1995, y fue renombrado JavaScript en diciembre de 1995 como parte de un acuerdo de marketing entre Netscape y Sun Microsystems, la empresa propietaria Java en el momento.

Ese cambio de nombre es la única razón por la que tantos principiantes todavía asumen JavaScript es una edición ligera de JavaLos dos lenguajes no guardan relación alguna en cuanto a diseño, propiedad y tiempo de ejecución. Netscape presentó el lenguaje a Ecma International en 1996, y la primera edición del estándar ECMA-262 se publicó en junio de 1997. La siguiente tabla enumera los hitos más importantes a la hora de leer código antiguo.

Debido al ciclo de lanzamiento anual, el código escrito antes de 2015 se ve notablemente diferente del código moderno. Los tutoriales más antiguos utilizan var en todas partes, mientras que el código actual prefiere let y const cuándo declarar variables en JavaScript.

¿Qué es Java¿Para qué se utilizó el script?

JavaLa sintaxis de script ya no se limita a trucos para páginas pequeñas. Ahora aparece en cuatro lugares muy diferentes, razón por la cual se sitúa constantemente entre los lenguajes más utilizados en las encuestas a desarrolladores.

Los juegos, las visualizaciones de datos, las extensiones de navegador y los pequeños proyectos de hardware también dependen de él. Para un principiante, la consecuencia práctica es simple: el esfuerzo que dedicas a la sintaxis ahora se transfiere directamente al trabajo con servidores, trabajo móvil y automatización de pruebas más adelante. Si quieres ver el lenguaje aplicado a problemas reales, trabaja con un conjunto de Información JavaEjemplos de código de script una vez que se dominan los conceptos básicos.

Como correr Java¿Texto?

JavaEl script no se ejecuta por sí mismo. Necesita un entorno de host que contenga un JavaScript motorChrome y Edge utilizan V8, Firefox utiliza SpiderMonkey y Safari utiliza JavaScriptCore. Cuando un navegador descarga una página HTML y encuentra un script, se lo entrega a su motor, que lo analiza, compila y ejecuta.

El segundo entorno de host es Node.js, que integra el mismo motor V8 fuera del navegador. Así es como el mismo lenguaje se ejecuta en un servidor o en una terminal. La ventaja práctica de JavaEl guión es eso Todos los navegadores modernos lo admiten. on Windows, Linux y macOS, por lo que rara vez tendrá que preocuparse por qué navegador utiliza un visitante. Esto supone una mejora real con respecto a VBScript, que solo funcionaba en Internet Explorer. Windows y ahora está obsoleto, al igual que el propio Internet Explorer.

Herramientas que necesitas

Necesitas un editor de texto para escribir el código y un navegador para ver el resultado. Notepad++, Visual Studio Code, Sublime Texty cualquier otro editor con el que te sientas cómodo servirá, aunque un editor con resaltado de sintaxis y coincidencia de corchetes te ahorrará mucho trabajo de depuración. Cualquier navegador actual funciona: Google Chrome, Firefox, Microsoft Edgeo Safari. No es necesario comprar ni instalar nada más allá de esos dos elementos.

Un simple JavaPrograma de guion

Si tu mantienes JavaEl script se encuentra dentro del propio documento HTML; todo el código debe ubicarse entre una etiqueta de apertura. <script> etiqueta y un cierre </script> etiqueta. Así es como el navegador distingue tu código del marcado circundante. Las páginas más antiguas también establecen una type atributo, escrito como <script type="text/javascript">, que era necesario cuando existían lenguajes rivales del lado del cliente como VBScript. Las páginas modernas lo omiten, porque HTML5 trata text/javascript como opción predeterminada. Las dos versiones que aparecen a continuación son funcionalmente idénticas y ambas siguen siendo válidas.

Hola mundo ejemplo

El primer programa tradicional muestra un mensaje. Coloque el siguiente marcado en un archivo llamado hello.html y ábrelo en un navegador.

<html>
<head>
	<title>My First JavaScript code!!!</title>
	<script type="text/javascript">
		alert("Hello World!");
	</script>
</head>
<body>
</body>
</html>

Salida:

A browser dialog box opens containing the text:

Hello World!

Nota: type="text/javascript" no es necesario en HTML5. El siguiente código funciona exactamente igual.

<html>
<head>
	<title>My First JavaScript code!!!</title>
	<script>
		alert("Hello World!");
	</script>
</head>
<body>
</body>
</html>

Salida:

A browser dialog box opens containing the text:

Hello World!

Una vez que una página crece más allá de unas pocas líneas, el guion pasa a su propio formato. .js El archivo mantiene el marcado legible y permite que el navegador almacene el código en caché. Las diferencias se tratan en detalle en esta comparación de interno y externo JavaScript.

Cómo escribir y ejecutar tu primer script

Hay tres formas prácticas de ejecutar JavaUn guionista, y un principiante, debería probar los tres, ya que cada uno se adapta a una situación diferente.

1. La consola del navegador. Esta es la opción más rápida y no requiere ningún archivo. Abra cualquier página web y pulse F12 (o Ctrl+Shift+Yo en Windows y Linux, Cmd+Opción+I en macOS), y seleccione el Consola Pestaña. Escribe una línea, pulsa Intro y el resultado aparecerá inmediatamente. Es el lugar ideal para probar una sola expresión o comprobar el resultado de una función.

// Type each line into the browser console and press Enter
console.log(2 + 2);
console.log("Guru" + 99);
console.log(Math.max(4, 12, 7));
console.log(typeof "hello");

Salida:

4
Guru99
12
string

Fíjese en la segunda línea. Añadiendo el número 99 a la cadena “Guru” produce la cadena “Guru99” en lugar de un error, porque JavaEl script convierte automáticamente el número a texto. Este comportamiento es práctico, pero también es una fuente común de errores entre los principiantes.

2. Un archivo HTML. Este es el ejemplo de "Hola Mundo" que se muestra arriba. Úselo siempre que el código deba interactuar con la página, por ejemplo, para leer el valor de un formulario o modificar un elemento.

3. Node.js desde la terminal. Instala Node.js, guarda el código en un archivo con un .js extensión, luego ejecutar node first-script.js. No se renderiza nada, así que console.log se convierte en tu canal de salida. Esta es la ruta a seguir cuando quieres practicar características de lenguaje puro sin ningún HTML que las rodee.

// first-script.js
const language = "JavaScript";
const createdBy = "Brendan Eich";
const releaseYear = 1995;

console.log(language + " was created by " + createdBy + " in " + releaseYear + ".");

const usedFor = ["Interactive web pages", "Server apps with Node.js", "Mobile apps"];

usedFor.forEach(function (item, index) {
  console.log(index + 1 + ". " + item);
});

Salida:

JavaScript was created by Brendan Eich in 1995.
1. Interactive web pages
2. Server apps with Node.js
3. Mobile apps

Este breve script ya utiliza tres ideas que encontrará constantemente: constantes declaradas con const, un matriz que contiene una lista de valores y una función de devolución de llamada pasada a forEach. Reescribiendo el mismo bucle con un for La declaración es un ejercicio útil una vez que hayas estudiado bucles en JavaScript.

JavaGuion vs Java

Los nombres son el mayor error en la historia de la programación, y la confusión que provocan merece ser aclarada cuanto antes. JavaScript pasó a llamarse LiveScript simplemente por razones de marketing en 1995, en un momento en que Java Era la tecnología más comentada en la web. Los dos lenguajes fueron diseñados por personas diferentes, en empresas diferentes y para problemas diferentes.

La única similitud real es que ambos toman prestada la sintaxis de llaves de C. Aprender uno no te enseña el otro, aunque la sintaxis compartida hace que el segundo lenguaje sea un poco más fácil de leer. Si es estrictoping te atrae, TypeScript agrega una capa de tipo estático encima de JavaScript mientras se compila a formato plano JavaGuion, y las diferencias se detallan en este TypeScript y JavaComparación de guiones.

Una vez establecidos los aspectos básicos, los siguientes pasos naturales son: interactivo JavaEjercicios de guion, luego variables y tipos de datos (XNUMX %) arrays y bucles. Después de esto, orientado a objetos JavaScript explica cómo encajan los objetos, los prototipos y las clases, y formato de cadena Cubre el manejo de texto que utilizarás en casi todos los scripts.

Preguntas Frecuentes