diseño y programación web para comercio electrónico jimmy villalobos arias...

22
Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias [email protected] A25460 Scripting en el lado del Cliente

Upload: nuria-parras

Post on 19-Feb-2015

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Diseño y Programación Web para Comercio Electrónico

Jimmy Villalobos [email protected]

A25460

Scripting en el lado del Cliente

Page 2: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Objetivos

Definir script del lado del cliente Mencionar el estándar ECMAScript Explicar el uso scripts en el lado del

cliente Lenguajes de scripting del lado del

cliente Ventajas Desventajas Ejemplos del uso de JavaScriptEjemplos del uso de JavaScript

Page 3: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Lenguajes del lado del cliente

Son interpretados. Puede acompañar a un documento

HTML o puede estar incluido en él. Se ejecuta en la máquina del cliente. El soporte de scripts de HTML es

independiente del lenguaje de scripts.

Page 4: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Estándar ECMAScript

ECMAScript o ECMA-262 es una especificación de lenguaje de programación publicada por ECMA International. El desarrollo empezó en 1996 y estuvo basado en el popular lenguaje JavaScript propuesto como estándar por Netscape Communications Corporation. Actualmente está aceptado como el estándar ISO 16262

Page 5: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Uso de scripting Modificar los contenidos del documento

dinámicamente. Procesar los datos que se introducen en un

formulario. Rellenar dinámicamente partes de un

formulario según los valores de los otros campos.

Asegurarse que los datos introducidos concuerden con rangos de valores.

Pueden ser llamados por eventos que afecten al documento.

Pueden ser vinculados a controles de formulario para producir elementos gráficos.

Page 6: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Lenguajes

Java ScriptVisual Basic ScriptJScript

Page 7: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Ventajas

Aplicaciones de muy diversos tipo, desde generadores de HTML, comprobadores de formularios, etc.

Desarrollar aplicaciones web que permitan crear páginas como si fueran ventanas.

Da la sensación de estar trabajando con una aplicación con interfaz de ventanas.

Page 8: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Ventajas

Páginas dinámicas (DHTML) Comprobación de datos (Formularios) Uso de los elementos de la página web Intercambiar información entre

páginas web en distintas ventanas Manipulación de gráficos, texto, etc. Comunicación con plug-ins: Flash,

Java, Shockwave, etc.

Page 9: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Nuevas Capacidades

DHTML, los scripts en el lado del cliente cambian el HTML del documento, lo cual afecta la apariencia y las funciones de los objetos.

AJAX es en donde se utiliza el objeto XMLHttpRequest para intercambiar datos asincrónicamente con el servidor web.

Page 10: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Ventajas

Es seguro y fiable hay que interpretarlo, por lo que puede ser filtrado.

Se ejecuta en el cliente por lo que el servidor no es solicitado más de lo debido.

Page 11: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Desventajas

Dependiente del sistema donde se están ejecutando

Page 12: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Definicion de Javascript

Objetos los objetos con los que trata JavaScript

pueden ser ventanas, formularios y elementos de formularios (como botones, o las casillas de verificación).

Page 13: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Definicion de Javascript

Propiedades Pueden modificar objetos y una misma

propiedad se puede aplicar a cualquier objeto ya sea igual o diferente.

Page 14: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Definicion de Javascript

Métodos: Son las acciones que pueden realizar

los objetos.

Ejemplo:Open();Close();

Page 15: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Definicion de Javascript

Eventos: Son acciones que el usuario realiza mientras

mira la página, Las etiquetas HTML tienen varios "eventos" que responden a determinados sucesos

Por ejemplo: aparezca un mensaje al cargar la página:

<html> <head> </head> <body onload="alert('Hola, esto es una página web')">

texto </body></html>

Page 16: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Definicion de Javascript

Variables y Tipos de Datos: Son espacios de memoria a los que se les

asigna un nombre de acceso. Hay varios tipos de Datos: string, number,

object, function, array, boolean, Ejemplo:

nombre = ”pedro”;

var value = 0;

Page 17: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Definicion de Javascript

Funciones: conjunto de sentencias que realiza una tarea.

tiene un nombre. Ejemplo:

Function decirAlgo() { alert(“digo algo”);}

Page 18: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Definicion de Javascript Operadores:

los operadores sirven para introducir, evaluar, manipular y mostrar información. Hay varios tipos de operadores.

Operador de asignación El operador de asignación en el lenguaje JavaScript

es el símbolo igual, =. Operadores aritméticos

Los aritméticos son los matemáticos: suma(+), resta(-), multiplicación(*), división(/), y resto de división o módulo (%). El operador + también puede ser utilizado para concatenar strings.

Page 19: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Definicion de Javascript Estructuras de

Control: indican condición. permiten modificar el flujo de

ejecución de las instrucciones de un programa.

Ejemplo:if (condición) { [Sentencias]}

if (condición) { [Sentencias]}else{ [Sentencias]}

Ejemplo:switch( ''expresión'' ){ case ''valorX'' : ''sentencias''; break; case ''valorX'' : ''sentencias''; break; ... default : ''sentencias''; break;}

Page 20: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Definicion de Javascript

Bucles: Un bucle permite realizar una acción un

determinado número de veces. En JavaScript hay varios tipos de bucles: For While Do while For in

Page 21: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Ejemplos del uso de JavaScript

Clon del clásico Arkanoid http://www.pixelinstrument.net/

portfolio/ourdemos/arkanoid.php  Juego en primera persona

http://www.abrahamjoffe.com.au/ben/canvascape/

Page 22: Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460 jimmy.villalobos@gmail.com Scripting en el

Muchas Gracias