Seminario de JavaScript

Objetivos

Comprender el funcionamiento y aplicacion de JavaScript en el desarrollo web bajo entornos HTML.

Requisitos

Manejo de Windows y conocimientos de HTML

Modalidad

Clases en auditorio con cañon.

Plan de Estudio

- Rudimentos del lenguaje.
Mecanismos de colaboración HTML-JavaScript:
Etiqueta SCRIPT: Inserción en la página. Selección del lenguaje y de la versión. Uso de archivos externos.
Escritura de instrucciones, para la regulación de eventos.
Instrucciones: Propósitos. Secuenciación.
Literales: Números. Textos. Booleanos.
Salidas por pantalla: Ventana alert. Método document.write.
Variables: Declaración. Asignación de valores.
Entrada de datos: Ventanas prompt y confirm.
Operadores y expresiones.
Estructuras de decisión y de repetición: if. switch. for. while.
Funciones internas.

- Modelo de Objetos de Documento (DOM) I.
Objeto screen: Manejo de las características de la pantalla (resolución, buffer, suavizado de fuentes, intervalo de actualización, etc.).
Objeto window: Manejo de ventanas. Creación y manipulación de popups. Administración de contenidos.
Objeto document: Escritura dinámica de contenidos en las páginas. Alteración de las propiedades de elementos ya impresos. Propiedades getElementById y all.
Manipulación de formularios: Lectura y escritura de valores de campos. Validación de datos. Traslado del foco.
Objeto location: Manejo de URLs y URIs. Direccionamiento. Empleo de marcadores.
Objeto history: Manipulación del historial del navegador. Avances y retrocesos de páginas.
Objeto navigator: Averiguación de los datos técnicos del navegador (nombre, versión, plataforma, disponibilidad de cookies, perfiles, etc.).
Objeto clipboardData: Manipulación del Portapapeles. Cortar, copiar y pegar datos, mediante JavaScript.
Objeto event: Obtención de las características de un evento (coordenadas del puntero, códigos de teclas, botones pulsados, giro de la rueda del mouse, etc.).

- Modelo de Objetos de Documento (DOM) II.
Arrays del objeto window: frames.
Arrays del objeto document: anchors, embeds, forms, images, links y scripts.
Arrays para contenedores: children.
Arrays para la etiqueta MAP: areas.
Arrays para la etiqueta TR: cells.
Arrays para la etiqueta SELECT: options.
Arrays para la etiqueta TABLE: rows y tBodies.

- Manejo de eventos.
Eventos del mouse: onclick, oncontextmenu, ondblclick, ondrag, ondragdrop, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onmove, onmoveend, onmovestart, onselect y onselectstart.
Eventos de teclado: onkeydown, onkeypress y onkeyup.
Eventos de activación y carga: onactivate, onbeforeactivate, onbeforedeactivate, onbeforeunload, ondeactivate, onload y onunload.
Eventos de foco y de selección: onbeforeeditfocus, onblur, oncontrolselect, onfocus, onfocusin, onfocusout y onselectionchange.
Eventos de dimensionamiento: onresize, onresizeend y onresizestart.
Eventos de contenido: onchange.
Eventos de formularios: onreset y onsubmit.
Eventos de propiedades: onpropertychange y onreadystatechange.
Eventos de imágenes: onabort.
Eventos de impresión: onafterprint y onbeforeprint.
Eventos del Portapapeles: onbeforecopy, onbeforecut, onbeforepaste, oncopy, oncut y onpaste.
Eventos de marquesina: onbounce, onfinish y onstart.
Eventos de error: onerror.
Eventos de ayuda: onhelp.
Eventos de barras de desplazamiento: onscroll.
Eventos de detención: onstop.