Curso de AJAX - XML - Javascript

Curso JavaScript - AJAX – XML

Duración aproximada 20hs.

Costo: $580

Requisitos: conocimiento del lenguaje HTML y CSS. Poseer conocimiento básicos de programación.

CONTENIDO:

CAPITULO 1:  Conceptos básicos

·        Historia del javascript

·        Sus potenciales y beneficios a la hora de su implementación

·        Sintaxis de las sentencias

·        Su inserción en el documento HTML: en el HEAD y en el BODY

·        Invocando a un archivo js externo

·        Características del código

·        Comentando código: lineal y en bloque

Ejercitación: realización de un documento HTML donde insertaremos un script tanto en el HEAD y en el BODY. También se insertarán lineas y bloques de comentarios que harán más facil la comprensión del script.

Luego vincularemos un archivo javascript externo.

CAPITULO 2:  Datos y variables

·        Escribiendo contenido: la sentencia document.write

·        Variables: definición y asignación

·        Tipos de datos

·        Operadores aritméticos

·        Operadores comparativos

·        Operadores lógicos

Ejercitación: escribiendo contenido en el cuerpo del documento HTML. Se realizaran operaciones comparativas para bifurcar el flujo de script.

CAPITULO 3:  Funciones

·        Sentencias condicionales: IF…ELSE, CASE múltiple

·        Popup Boxes: ALERT-box, CONFIRM-box, PROMPT-box

·        Funciones : con y sin parámetros

·        Variables y funciones : locales y públicas

Ejercitación: confección y posterior uso de funciones sin parámetros, y también con uno o varios parámetros para mostrar mensajes al usuario, usando cada una de las  opciones que ofrecen los distintos popup-boxes.

CAPITULO 4:  Estructuras de repetición

·        Estructuras de repetición: FOR, WHILE, DO…WHILE

·        Interrupciones de repeticiones: BREAK y CONTINUE

·        Manejo de eventos: del mouse, del teclado, del formulario, de página

·        Manipulación de errores: TRY, CATCH, THROW

Ejercitación: se realizará un script para cada estructura de repetición y de esta forma afianzar el conocimiento de la lógica de la programación.

Se aplicará cada uno de los eventos como cuando pasamos el Mouse sobre  una imagen y activamos una acción determinada.

Haremos una detallada manipulación de cada elemento de un formulario: habilitar, chequear elementos, etc.

CAPITULO 5: Objetos

·        ARRAY: declaración y uso de funciones que permiten manipularlos, ordenarlos, recorrerlos, etc.

·        STRING: declaración y uso de funciones que permiten manipularlos.

·        DATE: declaración y uso de funciones que permiten manipular fecha y hora.

·        NUMBER: declaración y uso de funciones que permiten manipularlos.

·        NAVIGATOR: manipulación de este objeto para controlar acciones según el navegador que este usando el cliente.

·        SCREEN: tener control sobre el screen (pantalla) del browser cliente.

·        WINDOW: creando nuevas ventanas desde código javascript.

·        LOCATION: cambiando URL dinámicamente.

·        HISTORY: manejando el historial del browser del cliente.

·        Temporizadores: crear y controlar temporizadores (relojes) ante eventos.

·        COOKIES: creación y manejo de las cookies. Identificando a un usuario.

Ejercitación: confeccionaremos un reloj con la hora local. También practicaremos como re-direccionar una página a otra dirección URL.

CAPITULO 6: Modelo de Objetos del Documento HTML - DOM -

·        Accediendo y controlando los elementos dentro de un documento HTML a través de las sentencias document.getElementById() y document.getElementsByTagName().

·        Las ventajas de usar DOM: control y modificación en CSS, animaciones, etc.

Ejercitación: realizaremos la animación de un objeto y controlaremos las coordenadas horizontales y verticales del navegador cliente.

CAPITULO 7: AJAX - XML

·        Sus características y propiedades.

·        Cómo funciona AJAX: fundamentos.

·        AJAX y los estándares de Internet.

·        El objeto XMLHttpRequest.

·        Las propiedades readystates y status del objeto XMLHttpRequest.

·        El evento onreadystatechange.

·        Modificar contenido de una página web a través de un archivo de texto externo.

·        Modificar contenido de una página web a través de un archivo PHP.

·        Modificar contenido de una página web a través de un archivo XML.

Ejercitación: realizaremos el update (actualización) de zonas de una página web usando AJAX.