INTRODUCCIN

El presente trabajo tiene como objetivo obtener nuevos conocimientos en JavaScript con el
que nos ayudara a mejorar el diseo de nuestras paginas web en html5 , as como tambin nos
ayudara a ponerle mas animacin a los sitios web e implementar una pgina web dinmica.

INTRODUCCIN AL LENGUAJE JAVASCRIPT

JavaScript es un lenguaje de programacin que es utilizado

para crear pginas web

dinmicas. Una pgina web dinmica est hecha de efectos como texto que aparece y
desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes
de aviso al usuario.
Tcnicamente, JavaScript es un lenguaje de programacin interpretado, por lo que no es
necesario compilar los programas para ejecutarlos. Principalmente los programas escritos con
JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos
intermedios. A pesar de su nombre, JavaScript no guarda ninguna relacin directa con el
lenguaje de programacin Java. Legalmente, JavaScript es una marca registrada de la empresa
Sun Microsystems.

HISTORIA DE JAVASCRIPT

A principios de los aos 90, la mayora de usuarios que se conectaban a Internet lo hacan con
mdems a una velocidad mxima de 28.8 kbps. En esa poca, empezaban a desarrollarse las
primeras aplicaciones web y por tanto, las pginas web comenzaban a incluir formularios
complejos.
Con unas aplicaciones web cada vez ms complejas y una velocidad de navegacin tan lenta,
surgi la necesidad de un lenguaje de programacin que se ejecutara en el navegador del
usuario. De esta forma, si el usuario no rellenaba correctamente un formulario, no se le haca
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 podra solucionar este
problema adaptando otras tecnologas 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 programacin. Adems, justo antes del lanzamiento Netscape decidi
cambiar el nombre por el de JavaScript. La razn del cambio de nombre fue exclusivamente
por marketing, ya que Java era la palabra de moda en el mundo informtico y de Internet de la
poca.
La primera versin de JavaScript fue un completo xito y Netscape Navigator 3.0 ya
incorporaba la siguiente versin del lenguaje, la versin 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 tecnologas, Netscape decidi que lo mejor sera estandarizar el
lenguaje JavaScript. De esta forma, en 1997 se envi la especificacin JavaScript 1.1 al
organismo ECMA (European Computer Manufacturers Association).

ELEMENTOS DE JAVASCRIPT

JavaScript es un lenguaje de scripting interpretado basado en objetos.

El lenguaje JavaScript utiliza una sintaxis parecida a la de C y admite construcciones
estructuradas, como if...else, for y do...while. Se utilizan llaves (0) para delimitar los bloques
de instrucciones. El lenguaje admite varios tipos de datos, como String, Number, Boolean
Object y Array. Admite las caractersticas de fecha mejoradas, las funciones trigonomtricas y
las expresiones regulares. JavaScript usa prototipos en vez de clases. Puede definir un objeto
creando una funcin constructora.
JavaScript es un lenguaje con establecimiento flexible de tipos. Esto quiere decir que no se
declaran explcitamente los tipos de datos las variables. En muchos casos, JavaScript realiza
las conversiones automticamente cuando es necesario.
Por ejemplo, si agrega un nmero a un elemento que consiste en texto (una cadena), el
nmero se convierte a texto.

TIPOS DE DATOS Y OPERADORES EN JAVASCRIPT

Variables de tipo numrico

Las variables numricas son muy utilizadas en las aplicaciones habituales, ya que permiten
almacenar cualquier valor numrico. Si el nmero es entero, se indica directamente. Si el
nmero es decimal, se debe utilizar el punto (.) para separar la parte entera de la decimal.
var variable1 = 10;
var variable2 = 3.14159265;
Adems del sistema numrico decimal, tambin se pueden indicar valores en el sistema octal
(si se incluye un cero delante del nmero) y en sistema hexadecimal (si se incluye un cero y
una x delante del nmero).
var variable1 = 10;
var variable_octal = 034;
var variable_hexadecimal = 0xA3;
JavaScript define tres valores especiales muy tiles cuando se trabaja con nmeros. En primer
lugar se definen los valores Infinity y Infinity para representar nmeros demasiado grandes
(positivos y negativos) y con los que JavaScript no puede trabajar.
var variable1 = 3, variable2 = 0;

Variables de tipo null

Se trata de un tipo similar a undefined, y de hecho en JavaScript se consideran iguales
(undefined == null). El tipo null se suele utilizar para representar objetos que en ese momento
no existen.
var nombreUsuario = null;

Variables de tipo boolean

Adems de variables de tipo boolean, tambin se suelen llamar variables lgicas y variables
booleanas. Se trata de una variable que slo puede almacenar uno de los dos valores especiales
definidos y que representan el valor "verdadero" y el valor "falso".
var variable1 = true;
var variable2 = false;
Los valores true y false son valores especiales, de forma que no son palabras ni nmeros ni
ningn otro tipo de valor. Este tipo de variables son esenciales para crear cualquier aplicacin,
tal y como se ver ms adelante.
Cuando es necesario convertir una variable numrica a una variable de tipo boolean,
JavaScript aplica la siguiente conversin: el nmero 0 se convierte en false y cualquier otro
nmero distinto de 0 se convierte en true.
Por este motivo, en ocasiones se asocia el nmero 0 con el valor false y el nmero 1 con el
valor true. Sin embargo, es necesario insistir en que true y false son valores especiales que no
se corresponden ni con nmeros ni con ningn otro tipo de dato.

Variables de tipo String

La clase String representa una cadena de texto, de forma similar a los tipos de datos
primitivos:
Var variable1 = new String("hola mundo");
El objeto de tipo String es el ms complejo de JavaScript y contiene decenas de mtodos y
utilidades, algunos de los cuales se vern ms adelante. Como ya se ha comentado, siempre
que sea necesario JavaScript convierte de forma automtica las cadenas de texto de dato
primitivo a dato de referencia. De esta forma, no es obligatorio crear objetos de
tipo String para acceder a todas las utilidades disponibles para las cadenas de texto.

Operadores de cadenas
Las cadenas de caracteres, o variables de texto, tambin tienen sus propios operadores para
realizar acciones tpicas sobre cadenas. Aunque javascript slo tiene un operador para cadenas
se pueden realizar otras acciones con una serie de funciones predefinidas en el lenguaje.
Ejemplo
cadena1="hola"
cadena2="mundo"
cadena Concatenada = cadena1 + cadena2 //cadena concatenada vale "hola mundo"

Un detalle importante que se puede ver en este caso es que el operador + sirve para dos usos
distintos, si sus operandos son nmeros los suma, pero si se trata de cadenas las concatena.
Esto pasa en general con todos los operadores que se repiten en el lenguaje, JavaScript.
Un caso que resultara confuso es el uso del operador + cuando se realiza la operacin con
operadores texto y numricos entremezclados. En este caso JavaScript asume que se desea
realizar una concatenacin y trata a los dos operandos como si de cadenas de caracteres se
trataran, incluso si la cadena de texto que tenemos fuese un nmero. Veamos el siguiente
ejemplo.

MiNumero=23
miCadena1="pepe"
miCadena2="456"
resultado1

miNumero

resultado2

miNumero

miCadena2

+=

miCadena1//resultado1
miCadena2//resultado2

miNumero//miCadena2

ahora

vale
vale
vale

"23pepe"
"23456"
"45623"

Como hemos podido ver, tambin en el caso del operador +=, si estamos tratando con cadenas
de texto y nmeros entremezclados, tratar a los dos operadores como si fuesen cadenas.
7

Operadores lgicos
Estos operadores sirven para realizar operaciones lgicas, que son aquellas que dan como
resultado un verdadero o un falso, y se utilizan para tomar decisiones en nuestros scripts. En
vez de trabajar con nmeros, para realizar este tipo de operaciones se utilizan operandos
bolanos, que conocimos anteriormente, que son el verdadero (true) y el falso (false). Los
operadores lgicos relacionan los operandos bolanos para dar como resultado otro operando
booleano, tal como podemos ver en el siguiente ejemplo.
Si tengo hambre y tengo comida entonces me pongo a comer Nuestro programa JavaScript
utilizara en este ejemplo un operando booleano para tomar una decisin. Primero mirar si
tengo hambre, si es cierto (true) mirar si dispongo de comida. Si son los dos ciertos, se puede
poner a comer. En caso de que no tenga comida o que no tenga hambre no comera, al igual
que si no tengo hambre ni comida. El operando en cuestin es el operando Y, que valdr
verdadero (true) en caso de que los dos operandos valgan verdadero.

Nota: Para no llevarnos a engao, cabe decir que los operadores lgicos pueden utilizarse en
combinacin con tipos de datos distintos de los bolanos, pero en este caso debemos
utilizarlos en expresiones que los conviertan en bolanos. En el siguiente grupo de operadores
que vamos a tratar en este artculo hablaremos sobre los operadores condicionales, que se
pueden utilizar junto con los operadores lgicos para realizar sentencias todo lo complejas que
necesitemos. Por ejemplo:
if (x==2 && y!=3) {
// la variable x vale 2 y la variable y es distinta de tres
En la expresin condicional anterior estamos evaluando dos comprobaciones que se relacionan
con un operador lgico. Por una parte xzz2 devolver un true en caso que la variable x valga 2
y por otra, y!z3 devolver un true cuando la variable y tenga un valor distinto de 3. Ambas
comprobaciones devuelven un booleano cada una, que luego se le aplica el operador lgico
&& para comprobar si ambas comprobaciones se cumplieron al mismo tiempo.

Operadores condicionales
Sirven para realizar expresiones condicionales todo lo complejas que deseemos. Estas
expresiones se utilizan para tomar decisiones en funcin de la comparacin de varios
elementos, por ejemplo si un nmero es mayor que otro o si son iguales.
Nota: Por supuesto, los operadores condicionales sirven tambin para realizar expresiones en
las que se comparan otros tipos de datos. Nada impide comparar dos cadenas, para ver si son
iguales o distintas, por ejemplo. Incluso podramos comparar bolanos.
Los operadores condicionales se utilizan en las expresiones condicionales para tomas de
decisiones. Como estas expresiones condicionales sern objeto de estudio ms adelante ser
mejor describir los operadores condicionales ms adelante. De todos modos aqu podemos ver
la tabla de operadores condicionales.
== Comprueba si dos valores son iguales
!= Comprueba si dos valores son distintos
> Mayor que, devuelve true si el primer operando es mayor que el segundo
< Menor que, es true cuando el elemento de la izquierda es menor que el de la derecha
>= Mayor igual
<= Menor igual

EJEMPLOS BSICOS EN JAVASCRIPT

Ejercicio 1

Pgina HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio 1 - Archivo externo y varios mensajes</title>
<script type="text/javascript" src="codigo.js"></script>
</head>

<body>
<noscript>Esta pgina <strong>requiere</strong> el uso de JavaScript y parece que est
desactivado</noscript>
<p>Esta pgina muestra 2 mensajes</p>
</body>
</html>
Archivo codigo.js
// Al cargarse el archivo JavaScript, se muestra un mensaje
alert("Hola Mundo!");

// Despus del primer mensaje, se muestra otro mensaje seguido

alert("Soy el primer script");
10

Ejercicio 2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio 2 - Mostrar mensajes complejos</title>

<script type="text/javascript">
var mensaje = "Hola Mundo! \n Qu fcil es incluir \'comillas simples\' \n y \"comillas
dobles\" ";
alert(mensaje);
</script>
</head>

<body>
<p>Esta pgina muestra un mensaje complejo</p>
</body>
</html>

11

EVENTOS EN JAVASCRIPT

Crear pginas y aplicaciones web siempre ha sido mucho ms complejo de lo que debera
serlo debido a las incompatibilidades entre navegadores. A pesar de que existen decenas de
estndares para las tecnologas empleadas, los navegadores no los soportan completamente o
incluso los ignoran.
Las principales incompatibilidades se producen en el lenguaje XHTML, en el soporte de hojas
de estilos CSS y sobre todo, en la implementacin de JavaScript. De todas ellas, la
incompatibilidad ms importante se da precisamente en el modelo de eventos del navegador.
As, existen hasta tres modelos diferentes para manejar los eventos dependiendo del navegador
en el que se ejecute la aplicacin

Modelo bsico de eventos

Este modelo simple de eventos se introdujo para la versin 4 del estndar HTML y se
considera parte del nivel ms bsico de DOM. Aunque sus caractersticas son limitadas, es el
nico modelo que es compatible en todos los navegadores y por tanto, el nico que permite
crear aplicaciones que funcionan de la misma manera en todos los navegadores.
Modelo de eventos estndar
Las versiones ms avanzadas del estndar DOM (DOM nivel 2) definen un modelo de eventos
completamente nuevo y mucho ms poderoso que el original. Todos los navegadores
modernos lo incluyen, salvo Internet Explorer.
Modelo de eventos de Internet Explorer
Internet Explorer utiliza su propio modelo de eventos, que es similar pero incompatible con el
modelo estndar. Se utiliz por primera vez en Internet Explorer 4 y Microsoft decidi seguir
utilizndolo en el resto de versiones, a pesar de que la empresa haba participado en la
creacin del estndar de DOM que define el modelo de eventos estndar.

12

ESTRUCTURAS DE PROGRAMACIN EN JAVASCRIPT

Para realizar este tipo de programas son necesarias las estructuras de control de flujo, que son
instrucciones del tipo "si se cumple esta condicin, hazlo; si no se cumple, haz esto otro".
Tambin existen instrucciones del tipo "repite esto mientras se cumpla esta condicin".
Si se utilizan estructuras de control de flujo, los programas dejan de ser una sucesin lineal de
instrucciones para convertirse en programas inteligentes que pueden tomar decisiones en
funcin del valor de las variables.
Estructura if
La estructura ms utilizada en JavaScript y en la mayora de lenguajes de programacin es la
estructura if. Se emplea para tomar decisiones en funcin de una condicin. Su definicin
formal es:
if(condicion) {
...
}
Si la condicin se cumple (es decir, si su valor es true) se ejecutan todas las instrucciones que
se encuentran dentro de {...}. Si la condicin no se cumple (es decir, si su valor es false) no se
ejecuta ninguna instruccin contenida en {...} y el programa contina ejecutando el resto de
instrucciones del script.
Ejemplo:
var mostrarMensaje = true;
if(mostrarMensaje) {

13

alert("Hola Mundo");
}
Estructura if...else
En ocasiones, las decisiones que se deben realizar no son del tipo "si se cumple la condicin,
hazlo; si no se cumple, no hagas nada". Normalmente las condiciones suelen ser del tipo "si se
cumple esta condicin, hazlo; si no se cumple, haz esto otro".
Para este segundo tipo de decisiones, existe una variante de la estructura if llamada if...else. Su
definicin formal es la siguiente:
if(condicion) {
...
}
else {
...
}
Si la condicin se cumple (es decir, si su valor es true) se ejecutan todas las instrucciones que
se encuentran dentro del if(). Si la condicin no se cumple (es decir, si su valor es false) se
ejecutan todas las instrucciones contenidas en else { }. Ejemplo:
var edad = 18;
if(edad >= 18) {
alert("Eres mayor de edad");
}
else {
14

alert("Todava eres menor de edad");

}
Estructura for
Las estructuras if y if...else no son muy eficientes cuando se desea ejecutar de forma repetitiva
una instruccin. Por ejemplo, si se quiere mostrar un mensaje cinco veces, se podra pensar en
utilizar el siguiente if:
var veces = 0;

if(veces < 4) {
alert("Mensaje");
veces++;
}
Se comprueba si la variable veces es menor que 4. Si se cumple, se entra dentro del if(), se
muestra el mensaje y se incrementa el valor de la variable veces. As se debera seguir
ejecutando hasta mostrar el mensaje las cinco veces deseadas.
Sin embargo, el funcionamiento real del script anterior es muy diferente al deseado, ya que
solamente se muestra una vez el mensaje por pantalla. La razn es que la ejecucin de la
estructura if() no se repite y la comprobacin de la condicin slo se realiza una vez,
independientemente de que dentro del if() se modifique el valor de la variable utilizada en la
condicin.
La estructura for permite realizar este tipo de repeticiones (tambin llamadas bucles) de una
forma muy sencilla. No obstante, su definicin formal no es tan sencilla como la de if():
for(inicializacion; condicion; actualizacion) {
15

...
}

EJEMPLOS CON SENTENCIAS O ESTRUCTURAS DE CONTROL

Estructura while
La estructura while permite crear bucles que se ejecutan ninguna o ms veces,
dependiendo de la condicin indicada. Su definicin formal es:
while(condicion) {
}

El funcionamiento del bucle while se resume en: "mientras se cumpla la condicin

indicada, repite indefinidamente las instrucciones incluidas dentro del bucle".
Si la condicin no se cumple ni siquiera la primera vez, el bucle no se ejecuta. Si la
condicin se cumple, se ejecutan las instrucciones una vez y se vuelve a comprobar
la condicin. Si se sigue cumpliendo la condicin, se vuelve a ejecutar el bucle y as
se contina hasta que la condicin no se cumpla.
Evidentemente, las variables que controlan la condicin deben modificarse dentro del
propio bucle, ya que de otra forma, la condicin se cumplira siempre y el
bucle while se repetira indefinidamente.
El siguiente ejemplo utiliza el bucle while para sumar todos los nmeros menores o
iguales que otro nmero:
var resultado = 0;

16

var numero = 100;

var i = 0;
while(i <= numero) {
resultado += i;
i++;
}
alert(resultado);

Estructura switch
La estructura if...else se puede utilizar para realizar comprobaciones mltiples y tomar
decisiones complejas. Sin embargo, si todas las condiciones dependen siempre de la misma
variable, el cdigo JavaScript resultante es demasiado redundante:
if(numero == 5) {
...
}
else if(numero == 8) {
...
}
else if(numero == 20) {
...
}
else {
...
}

17

En estos casos, la estructura switch es la ms eficiente, ya que est especialmente diseada

para manejar de forma sencilla mltiples condiciones sobre la misma variable.
La estructura switch se define mediante la palabra reservada switch seguida, entre parntesis,
del nombre de la variable que se va a utilizar en las comparaciones. Como es habitual, las
instrucciones que forman parte del switch se encierran entre las llaves {y}.

HISTORIA DE IQUERY

JQuery es una Biblioteca o Librera de JavaScript que permite simplificar la manera de

interactuar con los documentos html, manipular el rbol DOM, manejar eventos, desarrollar
animaciones y agregar interaccin con la tecnologa Ajax.
Fue presentada el 14 de enero de 2006 en NYC bajo una doble licencia del MIT y la Licencia
Pblica General de GNU v2, permitiendo su uso en proyectos libres y privativos.
JQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en
JavaScript que de otra manera requeriran de mucho ms cdigo. Es decir, con las funciones
propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.
Empresas tan importantes como Microsoft y Nokia anunciaron que incluirn la biblioteca en
sus futuros proyectos web.
Su potencia, flexibilidad y sencillez la ha convertido en la librera ms utilizada en el sector,
tal y como podemos ver en Usage Statistics and Maket Share of Javascript Libraries for
Websites: Podemos afirmar que este framework sigue las premisas del Principio_KISS:

Versiones de jQuery

18

 JQuery 1.1 (enero 2007): Esta versin simplificaba la API considerablemente. Muchos
mtodos rara vez utilizados se combinaron, reduciendo el nmero de mtodos a
aprender y documentar.
JQuery 1.1.3 Culio 2007): Esta versin menor contena importantes mejoras de
velocidad para el motor selector de jQuery. A partir de esta versin, el rendimiento de
jQuery se comparara favorablemente con las libreras JavaScript semejantes como
Prototype, Mootools, y Dojo.

jQuery 1.2 (septiembre 2007): La sintaxis XPath para seleccionar elementos se elimin
en esta versin, ya que pasaba a ser redundante con la sintaxis CSS. La personalizacin
de efectos pas a ser mucho ms flexible en esta versin, y el desarrollo de plug-ins
pas a ser ms sencillo con la incorporacin de eventos de espacio de nombre.
jQuery Ul (septiembre 2007): Esta nueva suite de plug-in se anunci para sustituir el
plug-in popular, aunque antiguo, Interface. Se incluy una rica coleccin de widgets
prefabricados, as como un conjunto de herramientas para crear elementos sofisticados
como interfaces de arrastrar y soltar.
jQuery 1.2.6 (mayo 2008): La funcionalidad del popular plug-in Dimensions de
Brandon- Aaron se incluy en la librera principal.

jQuery).3 (enero 2009): Una importante revisin del motor selector (Sizzle)
proporcion un gran impulso al rerimiento de la librera. La delegacin de evento
pas a soportarse formalmente.

19

SINTAXIS DE JQUERY

JQuery tiene una sintaxis demasiada sencilla ya que todos los comandos se reconocen de
manera fcil, porque comienzan con el smbolo $, aqu les dejo la sintaxis de jQuery.
$(elemento).evento(funcion callback);
Por cuestiones de optimizacin de la librera, a partir de la versin 1.7+ la sintaxis cambia,
ejemplo.
$(elemento).on("evento", funcion callback);

Les explico en que consiste cada uno de las partes de la sintaxis.

Elemento.- Puede ser una parte del texto del documento, una etiqueta div, p, a (elemento
HTML) o un identificador ("#principal") o un elemento class (".principal").

Evento. Los eventos son los mismos que utilizamos normalmente en JavaScript, solamente
con un pequeo cambio, suprimimos el on, por ejemplo si usamos el onclik solo tendremos
que usar click.
Funcion callback. Despus del evento se puede llamar a una funcin JavaScript de la manera
tradicional function (parametros) { // cdigo a ejecutar}, para realizar cualquier tarea que se
nos venga en mente.

20

Ejemplo utilizando jquery

Aqu les dejo un ejemplo utilizando jQuery, en el cual al momento de hacer clic en el enlace se
activa todo el proceso de jquery y nos muestra en pantalla un alert avisando que presionamos
el enlace, ejemplo.

<html>
<head>
<title>Script de prueba</title>
<script src="scripts/jquery.js" type="text/javascript"> < /script>
<script type="text/javascript">
$(document).ready(function (){
//Aqui asignamos el click al elemento (enlace)
$("a").on("click", function (){
alert("Presionaste un enlace");
});
});
</script>
</head>
<body>
<a href="#">Has clic aqu</a>
</body>
</html>

Inicializar jquery
Ya para finalizar el tema, la manera de inicializar jQuery es la siguiente.$(document).on("ready", function(){
//Aqu nuestro cdigo

21

});
Ready es un mtodo propio del framework jQuery, que revisa si el DOM est listo para usarse,
es decir espera a que toda la estructura html y css este cargada para empezar a ejecutar el
cdigo JavaScript que contiene.
Es ms til que el window.onload, pues este debe esperar a que todos los elementos de la
pgina este cargados (como scripts e imgenes) para ejecutarse, en cambio, el ready espera
solo a que se cargue la estructura.
EJEMPLOS CON JQUERY

<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Curso de jQuery</title>
</head>
<body>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script>
$(function(){ //Tu cdigo jQuery }) </script>
</body>
</html>

22

CONCLUSIN

El siguiente trabajo de investigacin sobre el lenguaje de programacin JavaScript fue

realizado con la finalidad de obtener mayores conocimientos para aplicarlos en la vida real ya
sea diseando una pagina web para cualquier negocio, empresa o institucin la cual necesite
un sitio web dinmico y hasta cierto punto divertido diseado con Javascript.
Esta es una de las herramientas potentes y modernas comnmente utilizadas con frecuencia
en sitios web para dar dinamismo a diferentes secciones de la pagina web principal ademas
en la actualidad se pueden crear aplicaciones que interacten con el usuario y se ejecuten
directamente desde un navegador web por eso tener amplios conocimientos en JavaScript es
de gran importancia.

23

BIBLIOGRAFA

Flanagan, David; Ferguson,

edicin). ISBN 0-596-00048-0.

Paula

(2002). JavaScript:

The

Definitive

Guide (4.

Advanced Debugging With JavaScript. alistapart.com. 3 de febrero de 2009. Consultado el 28

de mayo de 2010.

The JavaScript Debugging Console. javascript.about.com. 28 de mayo de 2010. Consultado el

28 de mayo de 2010.

JScript development in Microsoft Office 11 (MS InfoPath 2003)

Opera DragonFly. Opera Software.
24

Introducing Drosera - Surfin' Safari. Webkit.org. 28 de junio de 2006. Consultado el 19 de

mayo de 2009.

25