Índice. Fundamentos de Desarrollo de Aplicaciones Web en J2EE. JavaScript básico. Qué es JavaScript? Para qué es bueno JavaScript?
|
|
- Vanesa Ferreyra Morales
- hace 6 años
- Vistas:
Transcripción
1 Fundamentos de Desarrollo de Aplicaciones Web en J2EE JavaScript básico Dpto. de Ingeniería de Sistemas Telemáticos Qué es JavaScript? Integración con HTML - <script> DOM y BOM W3C DOM BOM Eventos y gestores de eventos Ejemplos Índice Octubre 2005 Octubre 2005 JavaScript Básico 2 Qué es JavaScript? Para qué es bueno JavaScript? No es Java!! Es un lenguaje que se ejecuta en el cliente (en el navegador) Evita recargar la página del servidor Fue creado en 1995 en Netscape por Brendan Eich y se llamaba LiveScript. Como Java estaba de moda, se cambió el nombre Microsoft creó en 1996 su propia versión, llamada Jscript, una versión reducida de JavaScript 1.1 Sun, Netscape y Microsoft intentaron estandarizarlo en el organismo ECMA (European Computer Manufacturers Association), creando ECMAScript en 1996 Se basa en objetos del navegador, se conoce como DOM (Document Object Model), que está siendo estandarizado por W3C en sus versiones level 1.0 (1998) y level 2.0 (2000) pero deja muchos aspectos que son diferentes en los navegadores JavaScript suele ser un dolor de cabeza para la compatibilidad Las versiones actuales son JScript 5.6 y JavaScript 1.5 pero los detalles varían mucho de versión a versión incluso del mismo navegador Octubre 2005 JavaScript Básico 3 Dar vida a páginas web, que sean menos estáticas : DHTML Validación de datos en formularios Nunca es un sustituto de la validación en el servidor! Descargar al servidor Tendencia del cliente web pesado No es buena idea, mejor usar tecnología Flash Usadlo siempre con mucho cuidado Fuente de problemas por su incompatibilidad Educar a diseñadores (CSS, Flash, ) Octubre 2005 JavaScript Básico 4
2 Integración en HTML Integración en XHTML <html> <head> </head> <body> <script type= text/javascript > /* Comentario de JavaScript para múltiples líneas */ document.write( hola ); // Comentario de una línea </script> <noscript> El navegador no soporta JavaScript </noscript> </body> </html> Al programar JavaScript podemos usar caracteres como <, >, y podríamos escaparlas por < o > pero es incómodo El comentario es por si no lo soporta el navegado <script type= text/javascript > //<![CDATA[ Código JavaScript sin escapar //]]> </script> Octubre 2005 JavaScript Básico 5 Octubre 2005 JavaScript Básico 6 Atributos de <script> DOM y BOM charset: por defecto ISO language: lenguaje de script, JavaScript o VBScript src: URL al fichero JavaScript type: tipo MIME del código script Ej. <script charset= ISO language= JavaScript src= js/prueba.js type= text/javascript > Con XHTML se espera type en vez de language BOM Browser Object Model Diferente según el navegador Define los objetos y eventos propios del navegador (botones, barras, ) y algunos de los documentos (páginas web) DOM Document Object Model Estandarizado por W3C (pero con extensiones propietarias) Define objetos sólo de la página web Nivel 1 versión 1 del estándar (2000) Nivel 2 versión 2 del estándar Ofrece un modelo de eventos de los objetos estándar Octubre 2005 JavaScript Básico 7 Octubre 2005 JavaScript Básico 8
3 W3C DOM Ejemplo DOM Define un modelo de árbol de la página web, para poder acceder a todos los elementos Objetos básicos: Node y NodeList Tipos de Nodos: Document: el nodo root del documento Document type: el DTD Element: h1, Text Attr: atributo de elementos Comment: comentario Document_type node <!DOCTYPE> document node <HEAD> <TITLE> text node Ej. DOM" <HTML> <BODY> <P> text node Texto de prueba." Octubre 2005 JavaScript Básico 9 Octubre 2005 JavaScript Básico 10 Ejemplo de la API DOM BOM <html xmlns=" lang="es" xml:lang="es"> <head> <title>ejemplo createelement DOM</title> <meta http-equiv="content-type" content="text/html; charset=iso " /> <meta http-equiv="content-language" content="es-es" /> <script type="text/javascript"> function creamensaje() { var op = document.createelement("p"); var otext = document.createtextnode(" Nuevo nodo! "); op.appendchild(otext); document.body.appendchild(op); } </script> A menudo se le llama DOM Principales elementos (comunes): </head> <body onload="creamensaje()"> </body> </html> Octubre 2005 JavaScript Básico 11 Octubre 2005 JavaScript Básico 12
4 El objeto Window Atributos de Window (I) Ventana o marco del navegador que contiene la página web El objeto window es un objeto global: no es necesario escribir su nombre window.alert( Hola ); alert( Hola ); Algunas propiedades del objeto window son a su vez objetos (document, navigator, history, location, screen) window self parent top frames[] length la ventana actual (no se suele usar) igual que window en un marco la ventana que lo contiene inmediatamente en un marco la ventana contenedora raíz array de marcos (si hay) de la ventana los marcos son a su vez ventanas número de marcos contenidos en la ventana Octubre 2005 JavaScript Básico 13 Octubre 2005 JavaScript Básico 14 Atributos de Window (II) Métodos de Window (I) document El documento HTML que se muestra en la ventana alert(string) Muestra una caja de diálogo con el string y un botón Aceptar location navigator defaultstatus La URL del documento que se está mostrando en la ventana. Si se cambia con otra URL, se cargará otra página Referencia al objeto Navigator. Algunas propiedades son appname (nombre del navegador) y useragent (nombre largo del navegador) y platform (sistema operativo) Información que aparece en la barra de estado no va en Firefox confirm(string) prompt(string) Muestra una caja de diálogo con el string y dos botones: Aceptar y Cancelar. Según pulse el usuario, devuelve true o false Muestra el string y pide un texto de entrada. Si pulsamos Aceptar, devuelve el texto de entrada y null si pulsamos Cancelar. Octubre 2005 JavaScript Básico 15 Octubre 2005 JavaScript Básico 16
5 Métodos de Window (I) Ejercicio - alert open(url) close() settimeout(nomfunc ion, ms) cleartimeout(id) setinterval (nom, ms) clearinterval(id) Abre una nueva ventana con la url Cierra la ventana actual. Debe ser una ventana, no un marco Invoca la función especificada transcurrido un intervalo de tiempo Ej. var t1 = settimeout( nomfuncion, tiempo-ms) Cancela el intervalo especificado Ej. cleartimeout(t1) Establece una llamada periódica Cancela la llamada periódica Octubre 2005 JavaScript Básico 17 Octubre 2005 JavaScript Básico 18 Depurar en Firefox Ejercicio confirm Herramientas->Consola JavaScript Para definir variables usamos var Ej. var contador = 4; Podemos usar las estructuras de control habituales if/else, while,. Mostrar una ventana que diga quieres seguir? Si pulsamos Aceptar, muestre OK. Seguimos Si pulsamos Cancelar, muestre Vale. Adiós Octubre 2005 JavaScript Básico 19 Octubre 2005 JavaScript Básico 20
6 Ejercicio prompt Ejercicio close/open Pide al usuario que te diga su nombre Si responde (p. ej. Pablo), dile Hola Pablo! Si no responde, dile Adiós, sin nombre! Abrir una ventana que cargue y cerrar la actual Octubre 2005 JavaScript Básico 21 Octubre 2005 JavaScript Básico 22 Ejercicio atributos Objeto document - Atributos (I) Octubre 2005 JavaScript Básico 23 anchors[] applets[] forms[] elements[] stylesheets[] images[] links[] Array con los objetos Anchor (enlaces <a href=.. >) Array con objetos Applet Array con objetos Form Si el documento sólo tiene un formulario, está en forms[0] Array de elementos form Array con las hojas de estilo Array con objetos Image. Podemos cambiar la imagen dando un nuevo valor a src Array con objetos Link Octubre 2005 JavaScript Básico 24
7 Objeto document - Atributos (II) Métodos de document bgcolor Color de fondo write Escribe en el documento title URL Título de la página URL de la página (sólo lectura) writeln Escribe un documento y un fin de línea lastmodified Cúando se modificó el documento referrer URL que ha pinchado para llegar aquí URL URL de la página (sólo lectura) Octubre 2005 JavaScript Básico 25 Octubre 2005 JavaScript Básico 26 Ejercicio Document Objeto navigator Hacer una página cuyo texto Que muestre el título que tiene La URL Cuándo fue modificada Pregunte si se quiere cambiar el título de la página y lo cambie si se acepta Pregunte si se quiere cambiar el fondo de la página a azul y lo cambie si se acepta Ya hemos visto los atributos principales (appname, useragent) Métodos javaenabled() - para saber si soporta Java Octubre 2005 JavaScript Básico 27 Octubre 2005 JavaScript Básico 28
8 Objeto history Objeto location Mantiene la historia del navegador Métodos back(): ir a la página anterior forward(): ir a la página siguiente de la historia go(int n): saltar n páginas o retroceder si es negativo Podemos llamar a estas funciones dentro de un enlace Ej. <a href="javascript:history.back(-1)"> Dada URL href hash: #13 host: hostname: port: 80 protocol: http pathname doc/prueba.html Dada URL search al=1 Octubre 2005 JavaScript Básico 29 Octubre 2005 JavaScript Básico 30 Eventos y gestores de eventos Ejemplo Cambio con ratón La mayoría de elementos HTML responden a las interacciones del usuario (clicks, teclas) generando eventos Evento: click Gestor de evento: onclick Gestores de Eventos de ratón en HTML onclick, ondblclick, onmousemove, onmouseover, onmouseout, onmouseup, onmousedown Gestores de Eventos de teclado en HTML onkeydown, onkeypress, onkeyup Gestores de Eventos de controles HTML en HTML onblur (pierde foco), onchange, onfocus, onreset, onselect, onsubmit Gestores de Eventos de Ventana en HTML onload, onresize, onreload Gestores de Eventos de Imágenes en HTML onabort (carga de imágenes), onerror <h1 onmouseover="style.color='red';" onmouseout="style.color='blue';">pasa el ratón para ver el efecto</h1> <p><img src="avatar_chico.jpg" onmouseover="src='avatar_chica.jpg';" onmouseout="src='avatar_chico.jpg';"/></p> Octubre 2005 JavaScript Básico 31 Octubre 2005 JavaScript Básico 32
9 Ej. Banner function Tres imágenes: banner_1.jpg, banner_2.jpg y banner_3.jpg <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <script type="text/javascript"> var currentimgnumber = 1; var numberofimages = 3; function window_onload() {settimeout("switchimage()",3000); } function switchimage() { currentimgnumber++; document.imgadvert.src = "AdvertImage" + currentimgnumber + ".jpg"; if (currentimgnumber < numberofimages) { settimeout("switchimage()",3000); } } </script> </head> <body onload="window_onload()"> <img src="advertimage1.jpg" name="imgadvert"> </body> </html> Con XHTML estricto, en vez de < deberíamos poner < o usar CDATA[ que aún no está soportado Octubre 2005 JavaScript Básico 33 Hemos visto que podemos poner JavaScript en el head o el body Normalmente en el head definiremos funciones (directamente o las cargamos de ficheros) y las usamos en el body Octubre 2005 JavaScript Básico 34 Ejercicio Banner Ahora salen los 3 banners y se para Hacer que continuamente esté mostrando los 3 banners en orden (1, 2, 3, 1, 2, 3, ) Octubre 2005 JavaScript Básico 35
Modelo de objetos de documento
Departamento de Lenguajes y Sistemas Informáticos Modelo de objetos de documento Programación en Internet Curso 2004-2005 Índice Introducción Modelo de Netscape Cómo acceder a un formulario DLSI - Universidad
Más detallesDiseño de Aplicaciones Web: JavaScript Marzo de 2015 Diseño de Aplicaciones Web 1
: JavaScript 1 Características JavaScript es un lenguaje de programación interpretado. El código está empotrado en la página HTML Permite la generación de páginas dinámicas Se puede utilizar tanto en el
Más detallesJavaScript DOM. JavaScript - Jerarquía de Objetos. JavaScript - Jerarquía de Objetos. Jerarquía de Objetos del Navegador
JavaScript Jerarquía de Objetos del Navegador DOM 1 Son los objetos disponibles en Javascript para controlar cualquier elemento en una página web. Javascript trabaja con esta jerarquía de objetos. Con
Más detallesModelo de objetos de documento
Departamento de Lenguajes y Sistemas Informáticos Modelo de objetos de documento Programación en Internet Curso 2007-2008 Índice Introducción DOM Cómo acceder a un formulario BOM DLSI - Universidad de
Más detallesHTML Dinámico: JavaScript. HTML Dinámico: JavaScript
escuela técnica superior de ingeniería informática HTML Dinámico: JavaScript Departamento de Lenguajes Software Noviembre 2004 Cliente web HTTP TCP/IP Servidor de aplicaciones SQL Servidor de datos Validación
Más detallesDenominación: PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS WEB. Código: UF1305
UNIDAD FORMATIVA 1 Denominación: PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS WEB. Código: UF1305 1. Metodología de la programación 1.1Lógica de programación. 1.1.1Descripción y utilización de operaciones
Más detallesLenguajes de Script. Qué son los Lenguajes de Script?
JavaScript (I) 1 Lenguajes de Script Qué son los Lenguajes de Script? Scritps de cliente: son programas que pueden acompañar a un documento HTML o bien ir incrustados en él. Un lenguaje de script es un
Más detallesHTML Dinámico: JavaScript. HTML Dinámico: JavaScript. Grupo de Ingeniería del Software. Departamento de Lenguajes y Sistemas Informáticos HTTP TCP/IP
escuela técnica superior de ingeniería informática HTML Dinámico: JavaScript Departamento de Lenguajes 2005 Cliente web HTTP TCP/IP Servidor de aplicaciones SQL Servidor de datos Validación Validación
Más detallesEl lenguaje JavaScript. Asignatura: Fonaments Cartografia i SIG Curso: 2006/07 Profesor: Toni Navarrete
El lenguaje JavaScript Asignatura: Fonaments Cartografia i SIG Curso: 2006/07 Profesor: El lenguaje Javascript Pág. 1 1. Introducción JavaScript es un sencillo lenguaje de programación, que presenta una
Más detallesJavaScript: Eventos. Francisco J. Martín Mateos Carmen Graciani Diaz
Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Eventos Los eventos son señales que se generan como consecuencia de la
Más detallesEVENTOS PRIMERA PARTE
EVENTOS PRIMERA PARTE JavaScript es un lenguaje "orientado a eventos", esto quiere decir que está preparado para responder a acciones del navegante, cosas que ocurran en el navegador, etc. (a eso es a
Más detallesDesarrollo de Aplicaciones Web con PHP. Javier Enciso
Desarrollo de Aplicaciones Web con PHP Javier Enciso Agenda Hojas de Estilos Qué es CSS? Para qué sirve? Cómo funciona? Ejemplos Validación de Formularios Fundamentos de JavaScript Utilización de JavaScript
Más detallesPOW. Tema 5: Introducción a JavaScript. Programación Orienta a la Web
POW Tema 5: Introducción a JavaScript Qué es JavaScript JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas. Una página web dinámica es aquella que
Más detallesBOM. Browser Object Model
1 BOM Browser Object Model INTRODUCCIÓN El BOM o Browser Object Model, permite acceder y modificar las propiedades de las ventanas del propio navegador. Es posible redimensionar y mover la ventana del
Más detallesIngeniería Web. Navegadores Web. Fernando Barraza A.
Ingeniería Web Navegadores Web Fernando Barraza A. fbarraza@javerianacali.edu.co Que es un navegador Un navegador, navegador red o navegador web (del inglés, web browser) es una aplicación de software
Más detalles6º Unidad Didáctica. Javascript. Eduard Lara
6º Unidad Didáctica Javascript Eduard Lara 1 ÍNDICE 6.1 Lenguajes de script 6.2 Sintaxis de Javascript 6.3 Variables, funciones y operadores 6.4 Estructuras de control de flujo 6.5 Objetos predefinidos
Más detallesHTML Dinámico. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15
HTML Dinámico Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Motivación Añadir capacidades de interacción a las páginas web. Ejemplo: validación
Más detallesPROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS DURACIÓN 90 WEB.
DATOS IDENTIFICATIVOS DE LA UNIDAD FORMATIVA UNIDAD FORMATIVA PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS DURACIÓN 90 WEB. Especifica Código UF1305 Familia profesional INFORMÁTICA Y COMUNICACIONES Área
Más detallesJavaScript: Introducción
JavaScript y AJAX http://www.it.uc3m.es/pedmume/ JavaScript: Introducción Tecnología del cliente. Se ejecuta en los navegadores, que además de HTML, casi todos interpretan este lenguaje. Se interpreta
Más detallesScripting en el cliente: Javascript. Tecnologías Web
Scripting en el cliente: Javascript Tecnologías Web Funciones anidadas Funciones (avanzado) A partir de JavaScript 1.2 y ECMAScript v3, se pueden definir funciones anidadas Aunque podamos definir funciones
Más detalles1. Los lenguajes de marcas. - Características de los lenguajes de marcas.
IFCD0110: CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB CÓDIGO ESPECIALIDAD C.P. PRESEN- CIALES TELEFORMA- CIÓN TOTALES TIPO DE FORMACIÓN IFCD0110 CONFECCIÓN Y PUBLICA- CIÓN DE PÁGINAS WEB SI 200 280 480 OBJETIVOS
Más detallesProgramación Hipermedia I
Programación Hipermedia I Práctica 5: JavaScript 1. Objetivos Aprender el lenguaje de programación JavaScript. Aprender a manejar el DOM de una página web para acceder a su contenido. Aprender a validar
Más detallesUniversidad Autónoma de Baja California Escuela de Pedagogía Lenguaje de Programación Javascript Básico
1. Introducción Qué es Javascript? Javascript provee interactividad a páginas HTML. Es un lenguaje interpretado. No requiere licencia. Es reconocido por los principales browsers como Netscape y Explorer.
Más detallesExtensiones. Guillermo López Mozilla Hispano
Extensiones Guillermo López Mozilla Hispano Extensiones Qué son? Programilla para extender el comportamiento/visualización de cualquier programa Mozilla Usan la misma tecnología que las aplicaciones Mozilla
Más detallesSesión 10 Integración cliente/servidor
Sesión 10 Integración cliente/servidor Objetivo Desarrollar aplicaciones web que interactúen de forma eficiente y eficaz en su desempeño en el modelo cliente/servidor. En esta sesión Figura 1. Mapa de
Más detallesÍndice INTRODUCCIÓN...11 CAPÍTULO 1. SELECCIÓN DE ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIÓN...13
Índice INTRODUCCIÓN...11 CAPÍTULO 1. SELECCIÓN DE ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIÓN...13 1.1 Evolución Y CARACTERísticas de LOS navegadores Web...14 1.2 ARQUITECTURA de ejecución...17 1.3 Lenguajes
Más detallesIntroducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO
Introducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO Agenda 2 Introducción a JavaScript Introducción a DOM Referencias Introducción a JavaScript 3 Qué es JavaScript? JavaScript es un lenguaje
Más detallesClases y objetos en JavaScript
Clases y objetos en JavaScript Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos JavaScript Nombre original: Mocha LiveScript (1995) Netscape 2.0B3 (diciembre 1995) Lenguaje más estándar
Más detallesEl lenguaje JavaScript. Asignatura: Programació III Curso: 1999/2000 Profesor: Toni Navarrete
El lenguaje JavaScript Asignatura: Curso: 1999/2000 Profesor: El lenguaje Javascript Pág. 1 1. Introducción Al crear páginas web en HTML nos damos cuenta de que estamos ciertamente restringidos a sólo
Más detallesDESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández
Más detallesHTML dinámico: Javascript
Javascript Departamento de Lenguajes escuela técnica superior de ingeniería informática Grupo de Ingeniería a del Software Noviembre 2006 Versión original: Amador Durán y David Benavides (octubre 2005)
Más detalles(a) Estar en posesión del Título de Graduado en Educación Secundaria Obligatoria (ESO)
Curso de programación con JavaScript 485 Aprende a programar sitios con Al terminar este curso sabrás cómo dotar de interactividad y dinamismo tus sitios, mediante el más extendido de los scripting languages
Más detallesJavaScript permite realizar scripts con ambos métodos de programación: secuencial y basada en eventos.
1 EVENTOS INTRODUCCIÓN JavaScript permite realizar scripts con ambos métodos de programación: secuencial y basada en eventos. El nivel 1 de DOM no incluye especificaciones relativas a los eventos JavaScript.
Más detallesFORMULARIOS JAVASCRIPT: EJEMPLOS DE DOCUMENT.FORMS Y ELEMENTS. ACCESO DIRECTO A FORMULARIOS Y CAMPOS CON ID Y NAME (CU01175E)
APRENDERAPROGRAMAR.COM FORMULARIOS JAVASCRIPT: EJEMPLOS DE DOCUMENT.FORMS Y ELEMENTS. ACCESO DIRECTO A FORMULARIOS Y CAMPOS CON ID Y NAME (CU01175E) Sección: Cursos Categoría: Tutorial básico del programador
Más detallesJavaScript. manual de referencia
JavaScript manual de referencia Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003 Basado en el lenguaje JavaScript compatible para los navegadores Explorer y Netscape. Versión normalizada de la ECMA
Más detallesNode.JS Raspberry Pi (RPi) 2015/05/08 Juan V. Capella
Node.JS Raspberry Pi (RPi) 2015/05/08 Juan V. Capella Contenido Objetivo Introducción Operadores Tipos de datos Funciones Networking armpower.blogs.upv.es 2 Objetivo Aprender a instalar Node.js Conocer
Más detallesIntroducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 5: JavaScript: expresiones regulares y el Modelo de Objetos de Documento 1. Objetivos Aprender a manejar el DOM de una página web para manipular su contenido.
Más detallesAplicaciones Web. Aplicaciones Distribuidas
Aplicaciones Web Aplicaciones Distribuidas Contenido La Web. Sitios Web vs. Aplicaciones Web. HTTP. HTML. Sesiones. Tecnologías facilitadoras. HTML Dinámico. JavaScript. 2 La Web Petición http://www.um.es/index.html
Más detallesCurso de JavaScript y DOM Scripting para Desarrollo Web
Curso de JavaScript y DOM Scripting para Desarrollo Web Descripción: Hoy en día, los usuarios de Internet esperan que los sitios Web proporcionen funcionalidades avanzadas, interfaces de usuario dinámicas
Más detallesANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web Código: IFCD0110 Familia
ANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web Código: IFCD0110 Familia Profesional: Informática y Comunicaciones. Área Profesional:
Más detallesJavascript 23/03/2017. Javascript. Escuela Técnica Superior de Ingeniería Informática Departamento de Lenguajes y Sistemas Informáticos
23/03/2017 Tema 5 - JavaScript Grupo de Ingeniería del Software y Bases de Datos Universidad de Sevilla Características principales de JavaScript Es un lenguaje interpretado (script), no compilado Es un
Más detallesJAV JA A V S A C S R C I R P I T
JAVASCRIPT Introducción Introducción JavaScript es un lenguaje de programación que se utiliza principalmente para crear paginas web dinámicas. i Una pagina web dinámica incorpora efectos en el texto, animaciones,
Más detallesescuela técnica superior de ingeniería informática
Versión original: Pablo Fernández (noviembre 2006) Actualización: P. Fernandez. Cambios menores en animaciones (Noviembre 2009) Tiempo: 2h escuela técnica superior de ingeniería informática HTML dinámico:
Más detallesIntroducción a AngularJS
Introducción a AngularJS Hola! en nuestro post de hoy nos vamos a centrar en uno de los frameworks JavaScript más populares, recuerda que si te ha gustado este artículo comparte!! En los últimos años hemos
Más detallesJavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática
JavaScript,, AJAX y otras tecnologías Contenidos JavaScript AJAX Flash 2 JavaScript Lenguaje interpretado como PHP, pero se ejecuta en cliente no en servidor Sintaxis semejante a la del lenguaje Java y
Más detallesDISEÑO WEB AVANZADO CON HTML5 Y CSS3 MODALIDAD TELEFORMACIÓN HORAS: 40
DISEÑO WEB AVANZADO CON HTML5 Y CSS3 MODALIDAD TELEFORMACIÓN HORAS: 40 Planificar y diseñar páginas y sitios web mediante el lenguaje de programación HTML. Objetivos Conocer e interpretar las etiquetas
Más detallesCertificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2]
INFORMÁTICA Y COMUNICACIONES Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2] Confección y publicación de páginas web Contenidos I IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD
Más detallesJERARQUÍA DE OBJETOS JAVASCRIPT. FORMS, ELEMENTS, IMAGES, LINKS. NAVIGATOR: USERAGENT, GEOLOCATION, ONLINE. (CU01170E)
APRENDERAPROGRAMAR.COM JERARQUÍA DE OBJETOS JAVASCRIPT. FORMS, ELEMENTS, IMAGES, LINKS. NAVIGATOR: USERAGENT, GEOLOCATION, ONLINE. (CU01170E) Sección: Cursos Categoría: Tutorial básico del programador
Más detallesTema 2: JavaScript. Lenguaje interpretado. 1. Introducción.
Tema 2: JavaScript. 1. Introducción. 2. Sintaxis. 3. Cadenas, Matrices y Objetos. 4. Eventos. 5. Modelo de Objetos. 6. Aplicaciones. Tema 2: JavaScript 1 1. Introducción. Lenguaje interpretado. Creado
Más detallesTema 5 - JavaScript. Grupo de Ingeniería del Software. Departamento de Lenguajes y Sistemas Informáticos. Octubre 2011
Versión original: Amador Durán, David Benavides y Pablo Fernandez (noviembre 2006) Departamento de Lenguajes escuela técnica superior de ingeniería informática Tema 5 - Grupo de Ingeniería del Software
Más detallesIntegración de XML en páginas Web dinámicas DOM. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo
Integración de XML en páginas Web dinámicas DOM Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo Páginas Web estáticas vs. Dinámicas Motivación: Computación Dinámica Computación
Más detallesTrabajo para la asignatura Programación Orientada a Objetos junio, 2004 VISUAL BASIC SCRIPT. Enrique Martín Martín. Universidad de Salamanca
Trabajo para la asignatura Programación Orientada a Objetos junio, 2004 VISUAL BASIC SCRIPT Enrique Martín Martín Universidad de Salamanca i Tabla de Contenidos VISUAL BASIC SCRIPT... i 1. INTRODUCCIÓN...
Más detallesÍndice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 1
Índice HTML HyperText Markup Language Conceptos básicos Historia y evolución de HTML XHTML vs. HTML HTML dinámico Hojas de estilo (CSS) DOM Diseño de servicios Web 2 DATSI Qué es HTML? Lenguaje de publicación
Más detallesCaracterísticas de JavaScript
Características de JavaScript Qué es JavaScript? o Lenguaje de programación interpretado utilizado fundamentalmente para dotar de comportamiento dinámico a las páginas web. o Cualquier navegador web actual
Más detallesDiseño de sitios Web mediante estándares
Diseño de sitios Web mediante estándares Curso de Verano Julio 2004 Departamento de Informática Universidad de Oviedo Añadir comportamiento a nuestras páginas: DOM Jose Emilio Labra Gayo Departamento de
Más detallesJavaScript: Introducción
JavaScript: Introducción A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo hacían con módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a desarrollarse
Más detallesPrograma Saiotek 2006 SMARTLAB. Entorno de Trabajo Inteligente Colaborativo y Programable
Programa Saiotek 2006 SMARTLAB Entorno de Trabajo Inteligente Colaborativo y Programable Manual del Programador de Gadgets correspondientes a Servicios Avanzados en SmartLab Manual del Programador de
Más detalles<SCRIPT SRC='xxxxxxxxxx.js'> <!-- contenido alternativo al script //-->
EJECUCIÓN SECUENCIAL: TUTORIAL JAVASCRIPT LLAMADA A FUNCIONES: p.e. ONCLICK="control()" HREF="javascript: control()" FICHEROS EXTERNOS:JS:
Más detallesJavaScript toma su sintaxis de los lenguajes de programación más conocidos, fundamentalmente C/C++, aunque también algo de Pascal.
1 JavaScript 1.1 Qué es JavaScript? JavaScript es un lenguaje interpretado. Es idóneo para trabajar en Web, ya que son los navegadores que utilizamos los que interpretan (y por tanto ejecutan) los programas
Más detallesGestión de eventos y formularios en JavaScript.
TEMA 5 Contenido 1.- El objeto Form.... 1 1.1.- Formas de selección del objeto Form....2 1.2.- El formulario como objeto y contenedor....3 1.3.- Acceso a propiedades y métodos del formulario....4 Propiedad
Más detallesIntroducción al desarrollo web (idesweb) - 3 a ed.
Introducción al desarrollo web (idesweb) - 3 a ed. Práctica 7: JavaScript, Modelo de Objetos de Documento y cookies 1. Objetivos Aprender a manejar el DOM de una página web para manipular su contenido.
Más detallesDOM. Document Object Model
1 DOM Document Object Model INTRODUCCIÓN Es un conjunto de utilidades específicamente diseñadas para manipular documentos XML. Por extensión, DOM también se puede utilizar para manipular documentos XHTML
Más detallesmope CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB
I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web.. Código: IFCD0110 Familia Profesional: Informática y Comunicaciones. Área Profesional: Desarrollo.
Más detallesScripting en el cliente: Javascript. Tecnologías Web
Scripting en el cliente: Javascript Tecnologías Web La clase String Se pueden manejar cadenas mediante objetos de la clase String En JavaScript las cadenas se pueden representar entre comillas simples
Más detallesHTML Dinámico: Procesado de Formularios - Validación en Cliente -
HTML Dinámico: - Validación en Cliente - Grupo de Ingeniería del Software Web vs. Aplicación Web 1 IISSI 1 Hacia la Web 2.0 2 HTTP TCP/IP SQL Cliente web Servidor de aplicaciones Servidor de datos 3 IISSI
Más detalles1.- INTRODUCCIÓN. <etiqueta> contenido</etiqueta>
1.- INTRODUCCIÓN 1.1 Definición A lo largo de este manual vamos a descubrir el lenguaje más utilizado para la creación de páginas web: el Hyper Text Markup Language, más conocido como HTML. Se puede afirmar
Más detallesCREAR OBJETOS JAVASCRIPT CON THIS Y NEW. EJEMPLOS PARA ENTENDER QUÉ SON LOS OBJETOS Y PARA QUÉ SIRVEN. (CU01143E)
APRENDERAPROGRAMAR.COM CREAR OBJETOS JAVASCRIPT CON THIS Y NEW. EJEMPLOS PARA ENTENDER QUÉ SON LOS OBJETOS Y PARA QUÉ SIRVEN. (CU01143E) Sección: Cursos Categoría: Tutorial básico del programador web:
Más detallesPrograma. Conceptos básicos: variables, valores y objetos predefinidos, operadores, etc. etc. Callbacks, eval(), etc.
Programa Programa 1. Introducción. Repaso HTML-CSS. Orientaciones Generales. 2. Javascript: Qué es? Dónde se ejecuta? Cómo se ejecuta? Conceptos básicos: variables, valores y objetos predefinidos, operadores,
Más detallesCracterísticas de las aplicaciones Web convencionales
JavaScript 1 Cracterísticas de las aplicaciones Web convencionales Click, wait, and refresh interacción Las actualizaciones de la página por parte del servidor se requieren para todos los eventos, envío
Más detallesDiseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos
Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Herramientas de DISEÑO: Recursos Gráficos Software de Diseño Lenguaje de Programación Contenido curso practico; LENGUAJE
Más detallesLaboratorio de Aplicaciones Telemáticas (Curso 2009/2010)
Breve introducción a la Web y XHTML Laboratorio de Aplicaciones Telemáticas (Curso 2009/2010) Jesús Arias Fisteus jaf@it.uc3m.es Breve introducción a la Web y XHTML p. 1 La Web World Wide Web (abreviado
Más detallesTEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Más detallesDESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 7: Utilización de Mecanismos de Comunicación Asíncrona Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández
Más detallesTema 3, parte 4. Javascript: el DOM (Modelo de Objetos del. Documento) Texto. http://www.flickr.com/photos/jm3/3620744443
http://www.flickr.com/photos/jm3/3620744443 Tema 3, parte 4 Javascript: el DOM (Modelo de Objetos del Texto Documento) Texto Javascript parte 4 El DOM 1. El árbol DOM Conceptos básicos sobre el API DOM
Más detallesEjercicio: Mensajes Alert, Confirm y Prompt
Ejercicio: Mensajes Alert, Confirm y Prompt Utilizando Javascript podemos crear tres diferentes tipos de mensajes emergentes que se pueden usar para mostrar información, obtener confirmación u obtener
Más detallesTEMA 53 Desarrollo para navegadores web: html, DHTML, JAVASCRIPT, CSS, DOM y objetos incrustados.
TEMA 53 Desarrollo para navegadores web: html, DHTML, JAVASCRIPT, CSS, DOM y objetos incrustados. Índice Introducción... 2 HTML Hypertext Markup Language... 2 Estructura de un documento html...3 El cuerpo
Más detallesSETATTRIBUTE Y GETATTRIBUTE JAVASCRIPT. DIFERENCIAS DE SINTAXIS PROPIEDADES CON HTML. EJEMPLO MAXLENGTH. (CU01176E)
APRENDERAPROGRAMAR.COM SETATTRIBUTE Y GETATTRIBUTE JAVASCRIPT. DIFERENCIAS DE SINTAXIS PROPIEDADES CON HTML. EJEMPLO MAXLENGTH. (CU01176E) Sección: Cursos Categoría: Tutorial básico del programador web:
Más detallesPrimer Script sencillo
SCRIPTS El lenguaje para describir páginas, HTML, queda limitado a la hora de definir cualquier tipo de interactividad. Necesitamos aprender algún lenguaje nuevo para hacer pequeños efectos o interactividades.
Más detallesLENGUAJES DE PROGRAMACIÓN 4 MÓDULOS. 56 Horas
LENGUAJES DE PROGRAMACIÓN 4 MÓDULOS. 56 Horas HTML, XHTML Y CSS K008 10 horas Obtener un conocimiento base sobre las tecnologías usadas en la creación de páginas web. Conocer la estructura y comandos básicos
Más detallesCurso de JAVASCRIPT 3 / 3
Curso de JAVASCRIPT 3 / 3 Autor: Luis Marco Giménez ibliografía: avascript. The Definitive Guide 2 O Reilly. iseño de páginas web interactivas con avascript 2ª Ed. 2 Ra-Ma rofessional JavaScript 2 Wrox
Más detallesPrograma Formativo. Código: Curso: Experto en Diseño Web para dispositivos móviles Modalidad: DISTANCIA Duración: 120h.
Código: 13619 Curso: Experto en Diseño Web para dispositivos móviles Modalidad: DISTANCIA Duración: 120h. Objetivos El término HTML hace referencia al lenguaje de marcado predominante para la elaboración
Más detallesREDIRECCIONAR Y RECARGAR WEBS CON JAVASCRIPT. WINDOW.LOCATION. HREF, HOSTNAME, ASSIGN, RELOAD, REPLACE. (CU01171E)
APRENDERAPROGRAMAR.COM REDIRECCIONAR Y RECARGAR WEBS CON JAVASCRIPT. WINDOW.LOCATION. HREF, HOSTNAME, ASSIGN, RELOAD, REPLACE. (CU01171E) Sección: Cursos Categoría: Tutorial básico del programador web:
Más detallesTemario Programación Web para Web
Temario Programación Web para Web 1 Introducción al HTML 1 Qué es una página web? T 2 Qué es HTML? T 3 Porqué aprender HTML T 4 Base del lenguaje: las etiquetas HTML V 5 Estructura de un documento HTML
Más detallesUnidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC
Unidad 1.- Fundamentos de sitios web. El lenguaje HTML Desarrollo de aplicaciones Web. Felipe LC La actividad #1 En qué consistió la actividad 1? Qué conceptos aprendimos? Demos algunos ejemplos. Qué aprendimos
Más detallesJavaScript. María Consuelo Franky. Universidad Javeriana 2009
JavaScript María Consuelo Franky Universidad Javeriana 2009 1 JavaScript en paginas web 2 Los scripts permiten hacer procesamiento en el cliente (navegador) antes de enviar datos al servidor Permiten realizar
Más detallesBENEMERITA UNIVERSIDAD AUTONOMA DE PUEBLA
BENEMERITA UNIVERSIDAD AUTONOMA DE PUEBLA Facultad de Ciencias de la Computación Programación Distribuida Verano 2007 TAREA 1 Alumnos: Camela Reyes Armando 200211673 Castro Gaona Carlos Ramiro 200412099
Más detallesBOLETÍN OFICIAL DEL ESTADO
Núm. 300 Miércoles 14 de diciembre de 2011 Sec. I. Pág. 135369 ANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web.. Código: IFCD0110 Familia
Más detallesCONTROLES FORMULARIOS PRIMERA PARTE
CONTROLES FORMULARIOS PRIMERA PARTE Acceder a los formularios de una página a través de su nombre Acceder a los formularios de una página a través de su nombre (atributo name) o a través de su atributo
Más detallesIntroducción a JSF con NetBeans
Introducción a JSF con NetBeans Créditos Yann Arthur Nicolas yannart@gmail.com www.merlinsource.com Objetivo Crear una primera aplicacion con JSF utilizando los tags para JSP y un ManagedBean, entender
Más detallesSEGUNDA PARTE: DOM y jquery
SEGUNDA PARTE: DOM y jquery 1. Conoce a jquery jquery jquery: Una librería javascript MUY popular Colección de utilidades y herramientas Para manipular los elementos de la página - Contenido - Atributos
Más detallesDISEÑO WEB (I y II) CONTENIDO TEMÁTICO
DISEÑO WEB (I y II) CONTENIDO TEMÁTICO 1. Historia de internet 2. Introducción a las aplicaciones web 3. Estructura de un sitio web 4. Accesibilidad web a. Normas de accesibilidad del World Wide Web Consortium
Más detallesADDEVENTLISTENER JAVASCRIPT. REMOVE. ATTACHEVENT. THIS EN EVENTOS. PROPAGACIÓN. BUBBLING. CAPTURA. (CU01158E)
APRENDERAPROGRAMAR.COM ADDEVENTLISTENER JAVASCRIPT. REMOVE. ATTACHEVENT. THIS EN EVENTOS. PROPAGACIÓN. BUBBLING. CAPTURA. (CU01158E) Sección: Cursos Categoría: Tutorial básico del programador web: JavaScript
Más detallesIntroducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 8: PHP 2 (cookies y sesiones) 1. Objetivos Conocer el concepto de cookie y sus posibles usos. Aprender a utilizar las cookies con PHP. Conocer el concepto
Más detallesCondicionales. Comparación. Combinación
Condicionales Cuando hay que tomar una decisión aparecen las estructuras condicionales. En nuestra vida diaria se nos presentan situaciones donde debemos decidir: Entro al sitio A o al sitio B?, etc. Cuando
Más detallesJava Script Tecnologías de la Información y la Comunicación 1º Bachillerato Curso
Java Script Tecnologías de la Información y la Comunicación 1º Bachillerato Curso2015-2016 Programación para Páginas web:java Script 1. Conceptos básicos Antes de comenzar a programar, deberíamos tener
Más detallesEscuela de Enseñanza Secundaria Técnica N 3
INTRODUCCIÓN A HTML H TML es el lenguaje con el que se escriben las páginas web. Las páginas web pueden ser vistas por el usuario mediante un tipo de aplicación llamada navegador. Podemos decir por lo
Más detallesDREAMWEAVER 2 UNIVERSIDAD TECNOLOGICA DE AGUASCALIENTES
DREAMWEAVER 2 UNIVERSIDAD TECNOLOGICA DE AGUASCALIENTES Presentación José Alberto Rodríguez Castañeda Universidad Tecnológica de Aguascalientes http://ww.betiux.com.mx betordz@gmail.com Temas. 1) Javascript
Más detallesEn HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea
HTML completo Pregunta 1 En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea Solución: El atributo tabindex Pregunta 2 El elemento de HTML que se emplea para definir
Más detallesIntroducción a la accesibilidad web
Introducción a la accesibilidad web Sergio Luján Mora PAUTAS DE ACCESIBILIDAD AL CONTENIDO WEB 1.0 PASO A PASO 1 Contenido Imágenes Colores Estructura Presentación Idioma Enlaces Tablas Formularios Imágenes
Más detallesAccesibilidad en la Web: de WCAG 1.0 a WCAG 2.0
Accesibilidad en la Web: de WCAG 1.0 a WCAG 2.0 Universidad de Colima México Departamento de Lenguajes y Sistemas Informáticos Pautas de accesibilidad al contenido en la Web 1.0: paso a paso Sergio Luján
Más detalles