JavaScript

Detalle del Curso

La edición de contenidos Web mediante HTML y CSS, con lleva una limitación considerable: los elementos de la página no pueden componerse ni reformularse durante la navegación. Luego, surge la necesidad de contar con un lenguaje de programación que permita, entre otras cosas, la regulación de eventos, la impresión dinámica de contenidos y la modificación de las propiedades de etiquetas ya impresas.
JavaScript es uno de los lenguajes que permiten llevar adelante tales tareas. Su interpretación corre por cuenta del navegador, permitiendo al programador escribir y probar código con gran rapidez.
Por lo demás, JavaScript es uno de los lenguajes más fáciles de aprender, debido a la sencillez de su sintaxis y a la gran cantidad de prestaciones que ofrece.

Requisitos

Conocimientos básicos de HTML

Plan de Estudio

- Repaso de HTML.
* Estructura básica de una página HTML: Head. Body. Propiedades generales de la página.
* Textos: Inserción. Caracteres especiales. Formato de fuente y de párrafo.
* Imágenes: Inserción. Dimensiones. Alineaciones.
* Hipervínculos: Empleo. Direccionamiento. Tipos.

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

Material Entregado

Documentación y ejercitación.