AJAX. Programa de Estudio.

Transcripción

1 AJAX Programa de Estudio

2 AJAX Aprende a desarrollar aplicaciones ágiles, construyendo páginas con la capacidad de establecer comunicaciones asincrónicas con el Servidor Web. Utiliza el potencial de jquery para reducir el tráfico de información de tu Web y mejorar el diseño de tus sitios. Contenido del curso En este curso aprenderás a construir aplicaciones Web similares a las aplicaciones de escritorio, con la capacidad de consultar información en el servidor y mostrarla en la pagina Web, sin la necesidad de refrescar o redibujar la misma. Aprenderás a modificar las páginas en forma dinámica con jquery, aprenderás el uso de Javascript y CSS. También aprenderás a construir y leer documentos XML y JSON, desarrollar su estructura, reglas, validaciones y parseo. Desarrollarás diferentes prácticas de casos reales, para luego poder aplicarlas en cualquier desarrollo Web. Utilizando jquery y las conexiones nativas de Javascript, verás los típicos casos en los que debes utilizar AJAX, desarrollando todo tipo de efectos visuales, agilizando las peticiones de los usuarios, reduciendo el tráfico de información en la web y construyendo poderosas aplicaciones de última generación en Internet. Requisitos Se requieren conocimientos sólidos en lenguaje PHP en programación estructurada o haber realizado el curso PHP. Es recomendable contar con conocimientos básicos en JQuery o haber realizado el curso JQuery para Diseñadores. Modalidad de cursado Puedes tomar este curso en modalidad presencial o modalidad a distancia

3

4 Plan de Estudios

5 1. Historia y Conceptos Básicos de AJAX Conceptos de AJAX - Definición - Qué no es AJAX? - Qué es AJAX? - Quién InventóAJAX? - Algunos Sitos Web que utilizan Ajax Otras alternativas Características - Ventajas - Desventajas Links de interés 2. Introducción a Javascript - Conceptos Básicos - Dónde y cómo incluir Javascript Variables - Variables globales - Tipos de datos Operadores - Operadores de comparación - Operadores Lógicos - Operadores especiales Estructura de Control - Bucle For - Bucle While - Bucle do While Objetos del Navegador - Jerarquías 3. AJAX Fundamentos Utilizando el Objeto XMLHttpRequest - Objeto XMLHttpRequest - Crear el Objeto - Propiedades de XHR - Interacción - Diagrama del circuito AJAX 4. Laboratorio I Obteniendo una respuesta asincrónica del servidor Validar un mail con AJAX Parámetros en AJAX - Enviando Parámetros - Pasando datos al servidor por el método GET - Pasando datos al servidor por el método POST

6 - GET vs. POST Comunicación con el Servidor - Procesando respuestas del Servidor - Método responsetext - Método responsexml - Usando la propiedad innerhtml para crear contenido dinámico. - Páginas dentro de Páginas - Combos Anidados Peticiones automáticas por intervalo de tiempo - Temporizador Cíclico - Ejemplo de peticiones Cíclicas con GMAIL - Problemas con el Cache del Navegador - Prácticadel Reloj Seguridad en AJAX - Introducción - Seguridad de cada Navegador - Método abort 5. JQuery AJAX - Frameworks - Aplicaciones Ágiles - Framework Prototype - Framework Scriptaculous - Framework Mootools - Framework JQuery Librería jquery: Escribir menos para hacer más - Sintáxis básica - Uso de los elementos Eventos - Eventos de JQuery - Listado de JQuery Efectos - Efectos visuales con jquery - Listado de efectos en JQuery AJAX en jquery - Metodo ready - Listado completo de Parametros 6. Objetos en Javascript - Conceptos Básicos Arreglos en Javascript - Arreglos Secuenciales - Arreglos Asociativos Objetos del Lenguaje - Cómo instanciar objetos - Cómo acceder a propiedades y métodos de los objetos - Propiedades de un Objeto - Métodos de un Objeto - Métodos de un Objeto - Objetos dentro de Objetos

7 7. JSON - Javascript Object Notation - Conceptos Básicos de Json - Ventajas: - Desventajas: - Notación Vectores Secuénciales - Notación Vectores Asociativos - Notación Objetos 8. JSON y PHP Librerias PHP para JSON - Crear un JSON desde PHP - Consumir un JSON desde PHP - Consejos para hacer un JSON que se pueda interpretar correctamente 9. Introducción a XML Conceptos Básicos - Qué es XML? - Historia - El aporte de XML Características - Ventajas de XML - Estructura de XML - Escribir nuestros propios documentos Fundamentos de la Sintaxis - Elementos y atributos - Comentarios 10. AJAX - Fundamentos Avanzados Parseando una Respuesta XML - Introducción - Cuadro de Propiedades del DOM - Cuadro de Métodos del DOM - Métodos y Propiedades del DOM para la creación de contenido dinámico - Método getelementbyid() - Método getelementsbytagname() - Método getattribute() - Método setattribute() - Método removeattribute() - Método createelement() - Método appendchild () - Método createtextnode() - Ejemplo Completo de como parsear una respuesta XML desde el Servidor 11. JQuery Avanzado Scroll Infinito - El patrón de diseño de interacción - Casos de Uso - Plugin jquery Scroll Infinito - Método infinitescroll

8 - En la propiedad nextselector del metodo infinitescroll se especifica el id del linkdonde llamara por AJAX a la pagina destino, la cual lee y trae la informacion para luego ser añadida al final del reoprte. Autocompletado - Introducción - query.autocomplete.js - Aplicación en la página - Método - autocomplete

9 Lavalle 648 Piso 8, Microcentro, CABA EducaciónIT. Copyright