PDF de programación - Manual de Javascript

Manual de JavaScript

http://desarrolloweb.com/manuales/manual-javascript.html

Página 1 de 125

Manual de JavaScript

Introducción: Manual de JavaScript

Manual de Javascript desde cero. Adéntrate en el lenguaje de programación más popular de la web y conoce
todas las características de la programación del lado del cliente.

Javascript es el lenguaje de programación usado para las páginas web, compatible con todos los navegadores
y que forma un estándar de desarrollo que ahora también se extiende a dispositivos o programas de
propósito general multiplataforma.

Este manual de Javascript está dividido en dos grandes partes. En la primera parte veremos las
características fundamentales del lenguaje, como su sintaxis, variables, estructuras de control, funciones,
arrays, etc. Toda la información que encontrarás en la primera parte te sirve para programar Javascript a
nivel general, sea donde sea el entorno de ejecución de tus programas.

En la segunda parte, que también encontrarás en esta misma página, ahondaremos en el uso de Javascript en
el ámbito del navegador, es decir, aprenderemos a manejar los recursos que nos ofrece el navegador para
hacer páginas interactivas, capaces de interactuar con el usuario de manera avanzada.

Encuentras este manual online en:
http://desarrolloweb.com/manuales/manual-javascript.html

http://desarrolloweb.com/manuales/manual-javascript.html

Página 2 de 125

Manual de JavaScript

Autores del manual

Las siguientes personas han participado como autores escribiendo artículos de este manual.

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online
EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997,
transformando su hobby en su trabajo.

Manu Gutierrez

http://desarrolloweb.com/manuales/manual-javascript.html

Página 3 de 125

Manual de JavaScript

Introducciones a Javascript

Artículos que nos servirán para introducirnos en este lenguaje, aprendiendo los conceptos más básicos de
Javascript y la programación del lado del cliente.

Introducción a Javascript

Veamos qué es JavaScript y las posibilidades que nos ofrece utilizar este lenguaje a la hora de
desarrollar páginas web. Conocemos algo de su historia.

Con este artículo comenzamos el Manual de Javascript, en el que esperamos ofrecer un punto de partida
para las personas que quieren introducirse en el mundo de la programación web del lado del cliente.

El curso de Javascript que hemos preparado en DesarrolloWeb.com está dividido en dos partes
fundamentales. En este primer manual pretendemos explicar el lenguaje Javascript de manera general,
ofreciendo información sobre cómo incluir scripts y lidiar con los elementos más básicos de cualquier
lenguaje de programación, como son las variables, operadores, estructuras de control, funciones, etc. La
segunda parte del manual la dedicaremos a explorar temas más específicos sobre cómo Javascript nos puede
ayudar a aplicar dinamismo a una página web, a través del control dinámico de elementos de la página y la
interacción con el usuario.

Nota: Por tanto, en este primer manual encontraréis que se ofrece mucha más información teórica
típica sobre lenguajes de programación. Será esencial para saber cómo dar los primeros pasos en la
programación, pero quizás resulte un poco más aburrida que la segunda parte, donde aprenderemos a
alterar dinámicamente la página web, responder a acciones del usuario, etc.

Nosotros hemos querido explicar las cosas con detenimiento, para que aprender Javascript con este
manual esté al alcance de personas incluso sin conocimientos de programación. No obstante, en
DesarrolloWeb.com existen diversos manuales más básicos todavía para aprender a programar, como
puede ser el curso de programación en vídeo, o más específicos para la web con el manual de Páginas
dinámicas o la introducción a la programación.

Sin embargo, quizás personas más experimentadas puedan preferir pasar directamente a la segunda parte
de este manual, donde explicaremos cosas más prácticas y volver sobre artículos puntuales de este
manual para utilizarlos como referencia a medida que vayan necesitando conocer la sintaxis de
determinadas estructuras de control, operadores del lenguaje, construcción de funciones, etc.

En este artículo pretendemos explicar qué es Javascript y para qué sirve este lenguaje, al menos en líneas
generales. A lo largo de éste y los próximos artículos explicaremos los conceptos necesarios para que las
personas tengan una idea más o menos clara sobre Javascript, las posibilidades de del lenguaje o usos más
comunes y los modos de trabajo que podemos emplear para desarrollar nuestros propios scripts.

http://desarrolloweb.com/manuales/manual-javascript.html

Página 4 de 125

Manual de JavaScript

Nota: Otro recurso que queremos recomendar para aprender Javascript, especialmente indicado para las
personas con menos experiencia, es el Videotutorial de Javascript. Por supuesto, tampoco nos queremos
olvidar de los Talleres de Javascript, así como otros manuales más específicos que encontrarás en la
sección Javascript a fondo.

Qué es Javascript

Javascript es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar
acciones dentro del ámbito de una página web. Con Javascript podemos crear efectos especiales en las
páginas y definir interactividades con el usuario. El navegador del cliente es el encargado de interpretar las
instrucciones Javascript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor
recurso, y tal vez el único, con que cuenta este lenguaje es el propio navegador.

Javascript es el siguiente paso, después del HTML, que puede dar un programador de la web que decida
mejorar sus páginas y la potencia de sus proyectos. Es un lenguaje de programación bastante sencillo y
pensado para hacer las cosas con rapidez, a veces con ligereza. Incluso las personas que no tengan una
experiencia previa en la programación podrán aprender este lenguaje con facilidad y utilizarlo en toda su
potencia con sólo un poco de práctica.

Entre las acciones típicas que se pueden realizar en Javascript tenemos dos vertientes. Por un lado los
efectos especiales sobre páginas web, para crear contenidos dinámicos y elementos de la página que tengan
movimiento, cambien de color o cualquier otro dinamismo. Por el otro, javascript nos permite ejecutar
instrucciones como respuesta a las acciones del usuario, con lo que podemos crear páginas interactivas con
programas como calculadoras, agendas, o tablas de cálculo.

Javascript es un lenguaje con muchas posibilidades, permite la programación de pequeños scripts, pero
también de programas más grandes, orientados a objetos, con funciones, estructuras de datos complejas,
etc. Toda esta potencia de Javascript se pone a disposición del programador, que se convierte en el
verdadero dueño y controlador de cada cosa que ocurre en la página.

En este manual vamos a tratar de acercarnos a este lenguaje en profundidad y conocer todos sus secretos y
métodos de trabajo. Al final del manual seremos capaces de controlar el flujo en nuestros programas
Javascript y saber cómo colocar scripts para resolver distintas necesidades que podamos tener. Todo lo que
veremos a continuación nos servirá de base para adentrarnos más adelante en el desarrollo de páginas
enriquecidas del lado del cliente.

Algo de la historia de Javascript

En Internet se han creado multitud de servicios para realizar muchos tipos de comunicaciones, como
correo, charlas, búsquedas de información, etc. Pero ninguno de estos servicios se ha desarrollado tanto
como el Web. Si estamos leyendo estas líneas no vamos a necesitar ninguna explicación de lo que es el web,
pero si podemos hablar un poco sobre cómo se ha ido desarrollando con el paso de los años.

El Web es un sistema Hipertexto, una cantidad de dimensiones gigantes de textos interrelacionados por
medio de enlaces. Cada una de las unidades básicas donde podemos encontrar información son las páginas
web. En un principio, para diseñar este sistema de páginas con enlaces se pensó en un lenguaje que

http://desarrolloweb.com/manuales/manual-javascript.html

Página 5 de 125

Manual de JavaScript

permitiese presentar cada una de estas informaciones junto con unos pequeños estilos, este lenguaje fue el
HTML.

Conforme fue creciendo el Web y sus distintos usos se fueron complicando las páginas y las acciones que se
querían realizar a través de ellas. Al poco tiempo quedó patente que HTML no era suficiente para realizar
todas las acciones que se pueden llegar a necesitar en una página web. En otras palabras, HTML se había
quedado corto ya que sólo sirve para presentar el texto en un página, definir su estilo y poco más.

Al complicarse los sitios web, una de las primeras necesidades fue que las páginas respondiesen a algunas
acciones del usuario, para desarrollar pequeñas funcionalidades más allá de los propios enlaces. El primer
ayudante para cubrir las necesidades que estaban surgiendo fue Java, que es un lenguaje de propósito
general, pero que había creado una manera de incrustar programas en páginas web. A través de la tecnología
de los Applets, se podía crear pequeños programas que se ejecutaban en el navegador dentro de las propias
páginas web, pero que tenían posibilidades similares a los programas de propósito general. La programación
de Applets fue un gran avance y Netscape, por aquel entonces el navegador más popular, había roto la
primera barrera del HTML al hacer posible la programación dentro de las páginas web. No cabe duda que la
aparición de los Applets supuso un gran avance en la historia del web, pero no ha sido una tecnología
definitiva y muchas otras han seguido implementando el camino que comenzó con ellos.

Llega Javascript

Netscape, después de hacer sus navegadores compatibles con los applets, comenzó a desarrollar un lenguaje
de programación al que llamó LiveScript que permitiese crear pequeños progr