Características
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.
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.
Plan de Estudios
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
Info Adicional
MODALIDAD DE CURSADO
Modalidad Presencial
Cursos 100% prácticos con grupos reducidos.
Clases con uso de PC, una por alumno (no tienes que traer tu PC).
Coffee Break incluido.
Espacio de networking.
Posibilidad de volver a tomar el mismo curso gratis.
Modalidad Distancia
Cursos 100% prácticos con grupos reducidos.
Clase en tiempo real por video conferencia.
Profesor disponible para hacer consultas en vivo.
Grabación de las clases disponibles para ver en otro momento.
Asistencia administrativa personalizada todos los días.
