Unidad 2 JAVASCRIPT

Septiembre de 2015
Javascript

Interfaces de usuario: Diseño
de la interacción

Unidad 2. Javascript

1

Clase 1: Introducción a la IPO

JAVASCRIPT
Introducción

Breve historia

• 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 ECMAEuropean ComputerManufacturers
Association).
•

Programación de Interfaces
WEB

• 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.

2

clase1

Clase 1: Introducción a la IPO

JAVASCRIPTIntroducción

¿Qué es?

• Las instrucciones JavaScript se pueden incluir en un archivo externo de
tipo JavaScript que los documentos XHTML enlazan mediante la
etiqueta . También pueden estar ubicados en
Archivos externos usando:
•

Interfaces de usuario: Diseño
de la interacción

¿Cómo se identifica?

4

Clase 1: Introducción a la IPO







...page body here: text, forms, tables
...more JavaScript if needed
...onload, onclick, etc. commands here



Interfaces de usuario: Diseño
de la interacción

Introducción

5

Clase 1: Introducción a la IPO

JAVASCRIPT
Introducción
• Su sintaxis es similar a la usada en Java y C, al ser un
lenguaje del lado del cliente este es interpretado por el
navegador, no senecesita tener instalado ningún
Framework.
• Variables: var = “Hola”, n=103
• Condiciones: if(i<10){ … }
• Ciclos: for(i; i<10; i++){ … }
• Arreglos: var miArreglo = new Array(“12”, “77”, “5”)

Interfaces de usuario: Diseño
de la interacción

Características del lenguaje son:

6

Clase 1: Introducción a la IPO

JAVASCRIPT
Introducción
• Funciones: Propias del lenguaje y predefinidas por losusuarios.
• Comentarios para una sola línea: // Comentarios
• Comentarios para varias lineas: /* Comentarios */
• Permite la programación orientada a
objetos: document.write("Hola");
• Las variables pueden ser definidas como: string, integer,
float, boolean simplemente utilizando “var”. Podemos
usar “+” para concatenar cadenas y variables.

Interfaces de usuario: Diseño
de la interacción

Característicasdel lenguaje son:

7

Clase 1: Introducción a la IPO

JAVASCRIPT
Introducción

Interfaces de usuario: Diseño
de la interacción

Incluir JavaScript en el mismo documentos XHTML

8

Clase 1: Introducción a la IPO

JAVASCRIPT
Introducción

Interfaces de usuario: Diseño
de la interacción

Definir JavaScript en un archivo externo

9

Clase 1: Introducción a la IPO

JAVASCRIPT
Introducción

Interfacesde usuario: Diseño
de la interacción

Incluir JavaScript en los elementos XHTML

10

Clase 1: Introducción a la IPO

JAVASCRIPT
Introducción

Sintaxis
• No se tienen en cuenta los espacios en blanco y las nuevas líneas.
• Se distinguen las mayúsculas y minúsculas.

• No es necesario terminar cada sentencia con el carácter de punto y
coma (;).
• Se pueden incluir comentarios.

Interfaces de...