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. Dificultad Incluye PC Garantía de Aprendizaje
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
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
Utilizando el Objeto XMLHttpRequest
Objeto XMLHttpRequest
Crear el Objeto
Propiedades de XHR
Interacción - Diagrama del circuito AJAX
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
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áctica del Reloj
Seguridad en AJAX
Introducción
Seguridad de cada Navegador
Método abort
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
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
Conceptos Básicos de Json
Ventajas:
Desventajas:
Notación Vectores Secuénciales
Notación Vectores Asociativos
Notación Objetos
Librerias PHP para JSON
Crear un JSON desde PHP
Consumir un JSON desde PHP
Consejos para hacer un JSON que se pueda interpretar correctamente
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
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
Scroll Infinito
El patrón de diseño de interacción
Casos de Uso
Plugin jQuery Scroll Infinito
Método infinitescroll
En la propiedad nextSelector del metodo infinitescroll se especifica el id del link donde 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