Presentacin de PowerPoint

Java script

JavaScript es un lenguaje de programacin que permite el script de eventos, clases y acciones para el desarrollo de aplicaciones Internet entre el cliente y el usuario.

Esta interaccin permite cambiar las pginas dentro de una aplicacin: poner botones, cuadros de texto, cdigo

por ejemplo:

para hacer una calculadora, un editor de texto, un juego, o cualquier otra cosa que pueda imaginarse.

Propiedades del lenguaje Java Script

Se interpreta por el ordenador que recibe el programa, no se compila.

Tiene una programacin orientada a objetos. El cdigo de los objetos est predefinido y es

expandible. No usa clases ni herencia.

El cdigo est integrado (incluido) en los documentos HTML.

Trabaja con los elementos del HTML.

No se declaran los tipos de variables.

Ejecucin dinmica: los programas y funciones no se chequean hasta que se ejecutan.

Los programas de JavaScript se ejecutan cuando sucede algo, a ese algo se le llama evento.

Comando de un programa JavaScript se dividen en 5 categoras

Variables y sus valores.

Expresiones.

Estructuras de control

Funciones.

Clases y arrays

Variables y valores

Todas las variables se declaran usando el comando var. Una variable puede ser inicializada cuando seda un valor al ser declarada, o puede no ser inicializada. Adems, varias variables pueden ser declaradas a la vez separadas por comas.

Ejemplo 1:

var variable1= "coche"

var cuaderno

var mi_variable = 123456, decimal =2342.89

var n_casas, n_habitaciones, n_cuadros, nombre = "Franklin"

Sentencias Expresiones y Operadores

Una sentencia de JavaScript hace que algo sea evaluado. Esto puede ser el resultado de dar valor a una variable, llamar a una funcin, etc. Cualquiera de las lneas del ejemplo 1 es una sentencia.

Los programas de JavaScript son un grupo de sentencias, normalmente organizadas en funciones que manipulan las variables y el entorno HTML en el cual el script trabaja.

Los operadores hacen que en una sentencia las variables sean evaluadas y se les asigne un valor o un resultado.

Ejemplo:

Ejemplo 2:

var variable1= "coche"

var variable1= "coche";

y estos dos grupos de sentencias tambin:

Ejemplo 3:

var a = 0; a = 2+4; var c = a / 3 (;)

var a = 0

a = 2+4

var c = a / 3

Los segunda sentencia es una expresin.

Estructuras de control

SENTENCIA IF ELSE

SENTENCIA SWITCH

BUCLE WHILE

BUCLE FOR

Funciones y Objetos

Una funcin es un bloque de cdigo con un nombre. Cada vez que se usa el nombre, se llama a la funcin y el cdigo de la funcin es ejecutado.

El nombre de una funcin se escribe inmediatamente despus del comando function. Todos los nombres de funciones deben ser nicos y diferentes de los nombres de los comandos que usa JavaScript.

Ejemplo

Ejemplo 4:

function valor_abs (num){

if (num >= 0)

return num

else

return -num

}

num es el argumento que se utiliza dentro de la funcin. El cdigo de la funcin va entre llaves.

Objetos

Los objetos permiten la capacidad de tener varios valores, de tal manera que un grupo de datos pueda estar relacionado con otro

Un objeto de JavaScript es un conjunto de componentes, llamados propiedades o miembros. Si se supone que se tiene un objeto llamado cita para organizar citas, ste tendr las propiedades da, hora, con quin y para qu.

La etiqueta

La seccin HEAD de un documento HTML es la que debe contener el cdigo de JavaScript para los gestores de eventos. Aunque no es necesario que todo el cdigo de JavaScript vaya en el HEAD, es importante que vaya en l para asegurar que todo el cdigo de JavaScript haya sido definido antes del BODY del documento.

Se introduce mediante y

La sintaxis es:

Formas de incluir en html

Para JavaScript, el fichero suele tener extensin .js.

Si se usa el atributo SRC la TAG es inmediatamente

seguida por

Ejemplo:

De lo contrario si el script se incluye directo en el html

alert("Este es un mensaje de alerta !");

El primer script

alert("Este es un mensaje de alerta !");

Esta pgina contiene el primer script

Actividad

Modificar el cdigo anterior para que:

Todo el cdigo JavaScript se encuentre en un archivo externo llamado codigo.js y el script siga funcionando de la misma manera.

Despus del primer mensaje, se debe mostrar otro mensaje que diga Soy el primer script

Gestores de Eventos