1 / 22

Scripting en el lado del Cliente

Diseño y Programación Web para Comercio Electrónico Jimmy Villalobos Arias jimmy.villalobos@gmail.com A25460. Scripting en el lado del Cliente. Objetivos. Definir script del lado del cliente Mencionar el estándar ECMAScript Explicar el uso scripts en el lado del cliente

dixon
Download Presentation

Scripting en el lado del Cliente

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Diseño y Programación Web para Comercio ElectrónicoJimmy Villalobos Ariasjimmy.villalobos@gmail.comA25460 Scripting en el lado del Cliente

  2. 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 JavaScript

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

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

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

  6. Lenguajes • Java Script • Visual Basic Script • JScript

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

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

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

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

  11. Desventajas • Dependiente del sistemadonde se están ejecutando

  12. 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).

  13. Definicion de Javascript • Propiedades • Pueden modificar objetos y una misma propiedad se puede aplicar a cualquier objeto ya sea igual o diferente.

  14. Definicion de Javascript • Métodos: • Son las acciones que pueden realizar los objetos. • Ejemplo: Open(); Close();

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

  16. 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;

  17. Definicion de Javascript • Funciones: • conjunto de sentencias que realiza una tarea. tiene un nombre. • Ejemplo: Function decirAlgo() { alert(“digo algo”);}

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

  19. 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; } Definicion de Javascript

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

  21. 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/

  22. Muchas Gracias

More Related