Holaa! En esta entrada trataremos el
lenguaje de programación Javascript, su origen, uso y algunos ejemplos.
- ¿Qué es? ¿Quien lo hizo? ¿Cuando nació?
Para entender lo que es JavaScript consideremos lo siguiente. Un usuario escribe una dirección web en su navegador, por ejemplo http://www.aprenderaprogramar.com. El servidor recibe la petición y como respuesta a esa petición envía al ordenador del usuario código HTML junto a código JavaScript. El código HTML se encarga de que en la pantalla se muestre algo, por ejemplo una imagen, un menú, etc. El código JavaScript se puede encargar de crear efectos dinámicos en respuesta a acciones del usuario, por ejemplo que se despliegue un menú tipo acordeón cuando el usuario pasa el ratón por encima de un elemento del menú.
A principios de los
años 90, la mayoría de usuarios que se conectaban a Internet lo hacían con
módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a
desarrollarse las primeras aplicaciones web y por tanto, las páginas web
comenzaban a incluir formularios complejos.
Con unas aplicaciones web cada vez más complejas y una
velocidad de navegación tan lenta, surgió la necesidad de un lenguaje de
programación que se ejecutara en el navegador del usuario. De esta forma, si el
usuario no rellenaba correctamente un formulario, no se le hacía esperar mucho
tiempo hasta que el servidor volviera a mostrar el formulario indicando los
errores existentes.
Brendan Eich, un programador que
trabajaba en Netscape, pensó que podría solucionar este problema adaptando
otras tecnologías existentes (como ScriptEase) al navegador
Netscape Navigator 2.0, que iba a lanzarse en 1995. Inicialmente, Eich denominó
a su lenguaje LiveScript.
Posteriormente, Netscape firmó una alianza con Sun
Microsystems para el desarrollo del nuevo lenguaje de programación. Además,
justo antes del lanzamiento Netscape decidió cambiar el nombre por el de
JavaScript. La razón del cambio de nombre fue exclusivamente por marketing, ya
que Java era la palabra de moda en el mundo informático y de Internet de la
época.
La primera versión de JavaScript fue un completo éxito y
Netscape Navigator 3.0 ya incorporaba la siguiente versión del lenguaje, la
versión 1.1. Al mismo tiempo, Microsoft lanzó JScript con su navegador Internet
Explorer 3. JScript era una copia de JavaScript al que le cambiaron el nombre
para evitar problemas legales.
Para evitar una guerra de tecnologías, Netscape decidió que
lo mejor sería estandarizar el lenguaje JavaScript. De esta forma, en 1997 se
envió la especificación JavaScript 1.1 al organismo ECMA European
Computer Manufacturers Association). ECMA creó el comité TC39 con el
objetivo de "estandarizar de un lenguaje de script multiplataforma
e independiente de cualquier empresa". El primer estándar que creó el
comité TC39 se denominó ECMA-262, en el que se definió por primera
vez el lenguaje ECMAScript.
2. ¿Para que
necesitamos una pagina web del lado del cliente?
Javascript es principalmente utilizado por parte de
programadores web para dar respuestas rápidas a las acciones del usuario sin
necesidad de enviar la información del que tiene hecho el usuario al servidor y
esperar respuesta de este. El código Javascript se carga a la hora que el
código HTML al navegador, i reside en el cliente. Javascript supone que las
respuestas del servidor siguen mas completas y permite que se realicen mas
procesos en nuestro ordenador, de manera que se reduce al nombre de peticiones
y respuestas necesarias entre el cliente y servidor.
Con Javascript podemos crear efectos especiales en las
paginas y definir interactividades con el usuario. El navegador del cliente es
el encargado de interpretar las instrucciones de Javascript y ejecutarlas para
realizar estos efectos y interactivitats, de manera que el factor mes
important, con el que cuenta este lenguaje es el mismo navegador y todos los
elementos que hay dentro de una pagina.
3. ¿Donde podemos
ponerlo?
Se acostumbra a poner el código Javascript a la entrada,
entre la etiqueta <head>, ya que así el navegador puede guardarlo en la
memoria antes de que suceda un hecho que inicie y podemos reutilizarlo. Tambien
podemos poner el código Javascript entre la etiqueta <body>, funcionara
pero no es el mas aconsejable, tenemos que buscar la mejor opcion, no la mas
rápida.
Finalmente, podemos situar el código Javascript fuera de
HTML, así podemos reciclar el código y no mesclar el código HTML y Javascript.
Este ultimo es mas profesional. En vez de poner el codigo Javascript dentro de
la etiqueta script, lo que hacemos es incluirlo a esta etiqueta el atributo src
(source), dándole como valor una URL relative documento, porque cargue su
contenido como si fuese Javascript.
Os dejo algunas capturas para que tengáis un representación
mas visual. En la primera y segunda captura el codigo Javascript se encuentra en
<body> y en la tercera en <head>.
