Ya se encuentran disponibles en revver todos los videotutoriales del curso de Ajax creado por el profesor Jesús Conde.
El curso consiste en 20 videos que van desde lo más básico hasta los conceptos más avanzados.
Descripción de los videos
Video 1 - Primer videotutorial del curso de Ajax y también último del Curso de XHTML, CSS y Javascript. En él se hace un repaso a las distintas tecnologías web que se usan en la elaboración de las aplicaciones llamadas Ajax. Se centra especialmente en el tema de las HTTP Request y XML: HTTP Request y Response; Introducción a XML; Fundamentos de XML; Estructura de un documento XML; Document Type Declaration.
Video 2 - Detalle de la anatomía de una aplicación Ajax. ¿Para qué necesitamos Ajax? Diferencias de las interacciones cliente-servidor en una aplicación tradicional y una aplicación Ajax; Aplicaciones web funcionando como aplicaciones de escritorio; Las partes constituyentes de Ajax; El objeto XMLHTTPRequest; Hablar con el servidor; Código del lado servidor; Procesar las respuestas del servidor; Componentes de una aplicación Ajax trabajando juntos.
Video 3 - El Objeto XMLHTTPRequest. Los Objetos en Javascript; Crear una instancia de un objeto; Crear el objeto XMLHTTPRequest; Diferentes reglas para diferentes navegadores; Una solución para todos los navegadores; Uso de try...catch; Métodos y propiedades del Objeto XMLHTTPRequest; El método open(); El método send().
Video 4 - Bloques clave en la elaboración de una aplicación basada en Ajax. Modo en el que se establece una conversación con el servidor. Enviar la petición al servidor; Solucionar el problema de la caché del navegador; Monitorizar el status del servidor; La propiedad readyState y su uso junto con la propiedad onReadyStateChange; Uso del código de status del servidor; Uso de las propiedades status y statusText. La función de respuesta.
Video 5 - Último eslabón en la cadena Ajax; Como usar los datos devueltos por el servidor; Las propiedades responseText y responseXML; Uso de propiedades del DOM Javascript; El método getElementsByTagName(); Analizar la respuesta XML; Informar al usuario de la evolución de la petición al servidor; El método getElementById().
Video 6 - Creación de dos primeras aplicaciones. La Interface HTML; El código Javascript del lado cliente; La instancia del objeto XMLHTTPRequest; La petición al servidor; Nuestro script PHP del lado servidor; La función de respuesta; Emplear gestores de eventos; Informar al usuario; Creación de una segunda aplicación y comparación entre ambas; Resumen de temas a tratar en el resto del curso.
Video 7 - Como crear aplicaciones asincrónicas sin usar XML. Devolver datos como texto; La propiedad responseText; Usar el texto de retorno directamente en elementos de página; Incluir HTML en responseText; Formateo complejo de datos; Uso de métodos String de Javascript; Introducción a Ahah (Asynchronous HTML And HTTP). ¿Para qué usar Ahah en lugar de Ajax?; Crear una librería reutilizable; Aplicar la librería en distintos proyectos.
Video 8 - Trabajar con los datos devueltos como XML. La propiedad responseXML; Más métodos DOM de Javascript; Propiedades y métodos de nodo y métodos de documento; Crear un lector RSS con Ajax; Uso de métodos DOM en la función de respuesta; El código del lado servidor.
Video 9 - Como crear y utilizar una librería Ajax. Ventajas del uso de librerías; Crear instancias del objeto XMLHTTPRequest; Peticiones HTTP GET y POST; La función de respuesta; Uso de la librería.
Video 10 - Uso de la librería prototype.js. ¿Librería, framework, toolkit? La función $(); La función $F(); El objeto Form; La función try.these(); Usar el objeto Ajax de prototype.js; Ajax.Request; Ajax.Updater; AjaxPeriodicalUpdater.
Video 11 - Uso de RICO, framework para la creación de aplicaciones web mejoradas basadas en Ajax. Introducción a RICO; Usar RICO en nuestras aplicaciones; Crear un Widget Acordeón; El AjaxEngine de RICO; Herramientas de interface de RICO; Ejemplo de interface arrastrar y soltar; Efectos cinemáticos de RICO.
Video 12 - JSON (JavaScript Object Notation) en profundidad. ¿Qué es JSON?; Arrays literales; Objetos literales; Mezclar literales; La sintaxis JSON; Codificación/decodificación con JSON; JSON versus XML; Herramientas JSON del lado servidor; JSON.php
Video 13 - Elaboración de aplicaciones completas con la creación de un sistema de autosugerencias para cajas de texto. Funcionalidades de la aplicación: typeAhead; lista de sugerencias; Controles de teclado; Ocultar sugerencias. El código HTML; La tabla de la base de datos; La arquitectura de la aplicación; Las clases; El control AutoSuggest; Implementar la funcionalidad typeAhead; El método typeAhead(); El método AutoSuggest.
Video 14 - Finalizar la aplicación de autosugerencias. El método AutoSuggest(); Manejar eventos de teclado; Mostrar múltiples sugerencias; Posicionar la lista desplegable; Añadir y mostrar sugerencias; Añadir soporte de teclado para la lista desplegable; El método init(); Soporte para escritura rápida; El proveedor de sugerencias; Componente del lado servidor; Componente del lado cliente.
Video 15 - Creación de un sistema de doble validación de formularios Ajax y PHP. Estructura de la aplicación, sistema Firts-in, Firts-out para tratar con la cola de espera; Uso de doble validación; Análisis e implementación de la aplicación.
Video 16 - Creación de una parrilla de datos Ajax, formateada mediante el uso de XSLT y que permite moverse entre las distintas páginas de la parrilla y editar los datos de la tabla por parte del ususario de modo asincrónico sin necesidad de actualizar nunca la página web. Implementación de la parrilla Ajax usando XSLT de lado del cliente; Estructura de la aplicación; Funcionalidad del lado servidor.
Video 17 - Creación de un lector RSS. Sindicación de contenidos y trabajo con RSS; La estructura de un documento RSS; Crear un lector RSS basado en Ajax; Uso de Arrays asociativos; Dar formato con XSLT.
Video 18 - Como usar la extensión para Dreamweaver MX AJAX Toolbox. Construir un sitio web completo; Construir la estructura del sitio; Usar los paneles y ventanas de diálogo de Ajax Toolbox; Añadir enlaces y tooltips Ajax; Personalizar los paneles de la página maestra.
Video 19 - Extensión para Dreamweaver MX AJAX Toolbox. Creación de un completo catálogo musical online. Crear el sitio web, la base de datos y enlazarlos. Planificar la aplicación; Construir el Sito Ajax "dinámico" y su estructura; Añadir nombres de artistas en el panel menú; Crear la página de detalles artistas; Crear la página de detalles álbumes.
Video 20 - Uso de los distintos "Widgets" de MX AJAX Toolbox. Tabset; Accordion; Caja de diálogo; Galería de fotos, Pop-up; Texto colapsable. Termina viendo como crear un WebService con el Asistente para WebService y el uso de DragAndDrop.
