Curso de AJAX & JQuery

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

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

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

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