1. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 1 JavaScript Lenguaje de comandos (scripting) Embebido en paginas web Interpretado por el browser Multi-Plataforma

2. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 2 JavaScript Prototipación de Objetos (sin herencia) Sintaxis similar a C y Java Tipos dinámicos DOM (Document Object Model) LiveConnect

3. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 3 JavaScript Client Side JavaScript - CSJS Server Side JavaScript - SSJS –JavaScript en el Server (LiveWire) –Netscape Servers

4. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 4 JavaScript Contenido Dinámico de Páginas Web Detectar Eventos del usuario Dependencia del Browser del Cliente (Marca.versión) –Comandos –DOM

5. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 5 Tag(1) sentencias del script sentencias del script

6. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 6 Tag(2) <-- sentencias del script //-->

7. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 7 LANGUAGE= JavaScript - Navigator 2.0+ / Internet Explorer 3.0+ JavaScript1.1 - Navigator 3.0+ / ECMA 262 JavaScript1.2 - Navigator 4.0+ / Internet Explorer 4.0+ / no compatible con ECMA 262 JavaScript1.3 - Navigator 4.06+ / ECMA 262 JavaScript1.4 - JavaScript1.5 - Netscape 6.0

8. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 8 DOM (Document Object Model) API para representar y manipular documentos (HTML, XML) "); document.write("Hello World Wide Web"); document.write(" "); // -->

9. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 9 LiveConnect(1) Comunica Java y JavaScript –Acceder a variables, métodos y clases de Java desde JavaScript –Controlar Applets o Plug-in´s con JavaScript –Acceder desde código Java a JavaScript

10. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 10 LiveConnect(2) var pt = new java.awt.Point(3, 5); pt.translate(7, 5); document.writeln(" "); document.writeln("Translating (3,5) by (7,5) yields (" + pt.x + "," + pt.y + ").");

11. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 11 Validación de Formularios (1) function checkLanguage() { var field = document.langForm.langField; var lang = field.value; var prefix = lang.substring(0, 4).toUpperCase(); if (prefix != "JAVA") { alert("Sorry, '" + lang + "' is not valid.\n” + "Please try again."); field.value = ""; field.focus(); }

12. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 12 Validación de Formularios (2) <FORM ACTION="cgi-bin/registerLanguage” NAME="langForm"> Language: <INPUT TYPE="TEXT" NAME="langField” onFocus="describeLanguage()" onBlur="clearStatus()" onChange="checkLanguage()">

13. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 13 Estándares ECMAScript / ECMA (European Computer Manofacturers Asociation) www.ecma.ch DOM / W3C (World Wide Web Consortium) www.w3c.org

14. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 14 Links developer.netscape.com/library/documentation/javascript. html www.microsoft.com/JScript/us/techinfo/jsdocs.htm www.apl.jhu.edu/~hall/CWP-Sources/CWP- Examples/html/CWP-Top.html www.w3c.org www.ecma.ch

15. Introducción a JavaScript Arquitecturas de Sistemas Interactivos 15 Bibliografía Core Web Programming. Marty Hall. Prentice Hall. JavaScript Bible.