Definición y breve historia

JavaScript, término que nos encontraremos muy a menudo en este libro con las siglas JS, es un lenguaje inventado 
por  Brendan  Eich  en  1995,  que  sirve  principalmente  para  programar  procesamientos  del  lado  "cliente"  en  los 
desarrollos web. La primera versión de este lenguaje fue bautizada como LiveScript. El objetivo era proporcionar un 
lenguaje de script al navegador (browser) Netscape Navigator 2. 

Rápidamente, se cambió el nombre LiveScript por JavaScript, y una organización, el ECMA, se hizo responsable de los 
aspectos  relativos  a  la  estandarización.  En  paralelo,  Microsoft  desarrolló  su  propia  solución  de  scripting  para  su 
navegador Internet Explorer. 

La  programación  del  lado  "cliente"  de  JavaScript  permite  añadir  una  cierta  interactividad a  las  páginas  web.  En 
particular,  las  páginas  podrán  reaccionar  a  las  acciones  del  usuario,  como  la  selección  en  una  lista  desplegable,  la 
selección de una casilla de selección o un clic en un botón de un formulario. 

El código JavaScript, almacenado como archivos en un servidor web, es accesible, a través del protocolo HTTP, por el 
navegador del puesto "cliente", usando una llamada del usuario a través de la introducción de una URL o con un clic 
en  un  enlace  de  hipertexto.  El  código  JavaScript  es  no  compilado  y  es  interpretado  por  un  motor  dedicado, 
incorporado al navegador. 

El  lenguaje  JavaScript  ha  sufrido  muchas  evoluciones  a  lo  largo  del  tiempo  y  lo  soportan  prácticamente  todos  los 
principales navegadores (Microsoft Internet Explorer, Mozilla Firefox, Opera, Safari, Google Chrome...), que están en 
los  ordenadores,  independientemente  de  su  sistema  operativo  (diferentes  versiones  de  Microsoft  Windows,  Unix, 
Linux, Mac OS X...). 

JavaScript  se  dejó  de  lado  durante  mucho  tiempo  porque  tenía  la  reputación  de  ser  difícil  de  depurar  y  tener 
comportamientos  muy  diferentes  entre  un  navegador  y  otro.  Se  han  añadido  muchas  mejoras  a  lo  largo  de  las 
versiones (JavaScript 2.0 actualmente). 

Puede  encontrar  la  descripción  completa  de  las  novedades  de  JavaScript  en  el  sitio  web  de  Mozilla 
(https://developer.mozilla.org/es/docs/Web/JavaScript). 

Para  terminar,  JavaScript  ha  recuperado  su  esplendor  con  la  aparición  de  muchas  librerías  de  calidad  y  frameworks 
(Ajax, jQuery, Dojo...). Por ello, JavaScript es una piedra angular en los desarrollos de la "Web 2.0". 

Existe confusión por parte de los desarrolladores principiantes entre JavaScript y Java. No hay que confundir Java y 
JavaScript.  JavaScript  es  un  lenguaje  de  programación  de  scripts  desarrollado  por  Netscape  Communications, 
mientras  que  Java  es  un  lenguaje  de  programación  informático  orientado  a  objetos,  creado  por  James  Gosling  y 
Patrick  Naughton,  empleados  de  Sun  Microsystems.  La  sintaxis  de  los  dos  lenguajes  es  parecida,  porque  los  dos 
derivan del C++. 

Comparativo Java/JavaScript: 

Java  JavaScript 

Autor  Desarrollado por Sun Microsystems  Desarrollado por Netscape 

Communications 

Formato  Compilado como de byte­code  Interpretado 

Almacenamiento  Applet descargado como un elemento  Código insertado en la página web 

de la página web 

Uso  Se  usa  para  desarrollar  todo  tipo  de  Se  usa  únicamente  para  "dinamizar" 
aplicaciones  las páginas web 

Ejecución  Se  ejecuta  en  la  JVM  (Java  Virtual  Se ejecuta por el navegador 

Machine) del navegador 

© Éditions ENI – Todos los derechos reservados – Copia personal de escamacho3 escamacho3 - 1-
 Programación  orientada  a  Orientado a objetos  Manipula  objetos  pero  no  permite 
objetos (POO)  definirlos 

Tipado  Fuertemente tipado  Sin control de tipo 

- 2- © Éditions ENI – Todos los derechos reservados – Copia personal de escamacho3 escamacho3
Requisitos previos para un aprendizaje sencillo del lenguaje
Muy a menudo, JavaScript se considera un lenguaje muy accesible desde el punto de vista técnico. Evidentemente, en 
desarrollos sencillos los principiantes podrán hacer sus intentos de manera fácil. Además, existe una documentación 
importante sobre el tema (libros, sitios de Internet, foros, vídeos...). 

Por el contrario, para aplicaciones profesionales, ya no será posible conformarse con descargar scripts y adaptarlos 
para  integrarlos  en  sus  propias  páginas  HTML.  Se  deberá  hacer  una  inversión  real  en  formación,  y  son  necesarias 
competencias mínimas en desarrollo de software. 

Lo  ideal  para  controlar  JavaScript  en  las  mejores  condiciones  es  tener  algunos  conocimientos  de  algoritmia,  haber 
desarrollado previamente en un lenguaje de scripting o, mejor aún, en un lenguaje evolucionado como C++ o Java. 

Este libro, accesible para los principiantes en desarrollo web y en JavaScript en particular, repasará muchos requisitos 
previos  indispensables,  en  concreto  de  algoritmia  (enfoque  procedimental  inicial)  y  del  lenguaje  HTML  (sin  hacer  un 
estudio exhaustivo), antes de abordar realmente JavaScript. 

© Éditions ENI – Todos los derechos reservados – Copia personal de escamacho3 escamacho3 - 1-
Herramientas necesarias
Es frecuente oír que "el desarrollo web no necesita muchas herramientas". Desde un primer punto de vista, es cierto 
que  para  desarrollar  páginas  web  con  lenguajes  HTML  y  JavaScript,  es  posible  utilizar  herramientas  sencillas  (y 
gratuitas).  Un  editor  de  texto  como  Notepad  y  un  navegador  pueden  ser  suficientes.  Incluso  no  es  obligatoria  una 
conexión a Internet. 

Por el contrario, para desarrollos importantes, puede ser útil tener piezas de software más evolucionadas (gratuitas o 
de  pago).  Para  elaborar  sus  scripts,  puede  utilizar  editores  de  texto  (gratuitos),  que  ofrecen  prestaciones  más 
completas  (coloración  sintáctica,  gestión  multiarchivo,  completar  automáticamente  el  código,  acceso  FTP  integrado, 
soporte  de  múltiples  lenguajes  web...).  Por  ejemplo,  Notepad++  (http://notepad­plus­plus.org/)  o  Aptana  Studio 
(http://www.aptana.com/products/studio3/download) pueden sustituir a Notepad. 

Kompozer (http://kompozer.net/) también es un software gratuito y puede ser una alternativa interesante. Se trata de 
un software clasificado dentro de la categoría de IDE. 

También existen muchos generadores de código o IDE gratuitos o de pago. El más conocido es Adobe Dreamweaver. 

Para que sirva de orientación, muchos ejemplos utilizados en este libro se han desarrollado con Aptana Studio 3.4.1. 

Los principales ejemplos de este libro se pueden descargar libremente desde la página Información. Para facilitarle su 
uso,  estos  scripts  están  clasificados  por  capítulos.  Se  ha  hecho  un  esfuerzo  particular  a  nivel  de  la  calidad  de  estos 
scripts (comentarios, indentación, nomenclatura de variables...) para facilitar su reutilización. 

© Éditions ENI – Todos los derechos reservados – Copia personal de escamacho3 escamacho3 - 1-
Posicionamiento de JavaScript respecto a otras tecnologías de 
desarrollo web (HTML, CSS, PHP...)

Ubicamos  también  rápidamente  el  lenguaje  JavaScript  respecto  a  otros  lenguajes  o  tecnologías  habituales  en  los 
proyectos  de  desarrollo  web.  Sepa  que  el  código  JavaScript  se  utiliza  de  manera  aislada  muy  raramente.  Las 
secuencias  de  código  JavaScript  son,  la  mayor  parte  de  las  veces,  para  animar  los  scripts  HTML  (HyperText  Markup 
Language).  Para  decir  las  cosas  de  una  manera  más  sencilla,  en  la  visualización  de  páginas  web,  el  lenguaje  HTML 
describe principalmente el contenido, mientras que el JavaScript, como se ha comentado anteriormente, gestiona la 
interactividad. 

Muy  a  menudo,  el  formateo  de  la  información  mostrada  (secuencias  de  texto,  tablas,  imágenes...)  no  se  asegura 
directamente  con  directivas  (etiquetas)  del  lenguaje  HTML,  sino  usando  una  tecnología  adicional  (sin  duda,  es 
exagerado hablar de lenguaje), el CSS (Cascading Style Sheets), también llamado "hojas de estilo en cascada". 

También es muy importante entender que el lenguaje JavaScript está orientado al lado "cliente". Por lo tanto, es inútil 
pedirle  actuar  en  el  lado  "servidor".  No  puede  acceder  a  las  bases  de  datos  almacenadas  en  el  servidor  y  buscar 
datos  almacenados  en  las  tablas.  Hay  lenguajes  adicionales,  muy  utilizados  en  los  proyectos  web,  como  PHP, 
Microsoft  ASP.NET  e  incluso  Java,  que  tendrán  precisamente  este  papel.  Estos  lenguajes,  usando  consultas  SQL, 
preguntan a las bases de datos y un intérprete (software de lado "servidor") genera sobre la marcha el código HTML, 
que contiene la información leída de las tablas. Posteriormente, se envía al navegador del puesto "cliente", usando el 
protocolo  HTTP.  Solo  queda  que  el  navegador  descodifique  (descifre)  el  código  HTML  (y  JavaScript  si  es  necesario) 
para conseguir una visualización sencilla consultable por un usuario humano. 

© Éditions ENI – Todos los derechos reservados – Copia personal de escamacho3 escamacho3 - 1-