JavaScript y Ajax

		JavaScript es, en la actualidad, el único lenguaje de programación cliente soportado por todos los navegadores Web. Tiene el especial atractivo de resultar sencillo de aprender y su sintaxis es muy similar a la de PHP, ActionScript y otros lenguajes, de modo que avanzar en el trabajo con JavaScript, implica también profundizar en la sintaxis de aquéllos. Gracias a JavaScript, es posible crear menús desplegables, accordions, rollovers, validar formularios, crear efectos especiales, animaciones, galerías de imágenes y abrir la puerta al futuro empleo de AJAX y XML. Por otra parte, JavaScript opera dentro del contexto del HTML, por lo que se hace imprescindible su correcta comprensión y es menester desarrollar pormenorizadamente sus elementos. El presente curso, tiene como objetivo el estudio de las características básicas y avanzadas de JavaScript, una tecnología cliente cuyo conocimiento resulta imprescindible.
El uso de AJAX se encuentra bastante extendido en los tiempos que corren. Su principal atractivo, consiste en facilitar a JavaScript (el lenguaje de programación cliente), las características de un lenguaje servidor, sin que deban producirse refrescos de página. La tradicional detección de eventos de JavaScript, suele en este caso iniciar una petición a un lenguaje servidor, como PHP, quien le reporta resultados en XML, un lenguaje de transporte de datos sumamente idóneo, en especial cuando se trata del acceso a una base de datos o de la confección de un listado. El conocimiento de AJAX es imprescindible para todo desarrollador Web y sin él, muchas operaciones de acceso a datos quedarían truncas. Se tratará el uso de AJAX desde JavaScript y PHP, de tal manera que se forme una cabal comprensión de sus alcances y posibilidades. Los temas que se tratarán, son ideales para los programadores que buscan ampliar su repertorio de conocimientos, incorporando tecnologías que involucran tanto al lado cliente, como al servidor.

Contenido del Curso

Clase 1. Introducción a JavaScript:

• Concepto de lenguaje de programación cliente.
• Uso del navegador Web como intérprete.
• Inserción del JavaScript.
• Literales, constantes y variables.
• Operadores, operandos y expresiones.

Clase 2. Estructuras de decisión:

• Conceptos de estructuración, decisión simple, decisión múltiple, salto condicional y salto incondicional.
• Resolución e interpretación de condiciones verdaderas y falsas.
• Decisiones simples y múltiples: Planteos e interpretaciones.
• Saltos condicionales e incondicionales.

Clase 3. Estructuras de repetición:

• Bucles condicionales.
• Bucles incondicionales.
• Bucles con contador.
• Ruptura de bucles.
• Contador y acumulador.

Clase 4. Arrays:

• Vectores y matrices: Conceptos y acceso a sus elementos.
• Arrays estáticos y dinámicos.
• Asignación de un valor a un elemento de un array.
• Planteo y resolución de expresiones con elementos de arrays.
• Reinicialización y destrucción de arrays.
• Detección de la longitud de un array.

Clase 5. Funciones internas:

• Conceptos de función, parámetro y retorno.
• Utilización de funciones como operandos de expresiones.
• Funciones internas típicas de los lenguajes de programación: Matemáticas, de cadenas, de fecha/hora, etc.
• Números pseudo-aleatorios: Concepto y funciones.
• Conversiones implícitas y explícitas de tipos numéricos.

Clase 6. Funciones definidas por el usuario:

• Modularización: Concepto, ventajas y desventajas.
• Procedimientos, parámetros y variables estáticas y dinámicas.
• Funciones y retornos.
• Recursividad.
• Edición de archivos "JS".

Clase 7. Modelo de Objetos de Documento (DOM), parte I:

• Objeto screen: Manejo de las características de la pantalla: Resolución, buffer, suavizado de fuentes, intervalo de actualización, etc.
• Objeto navigator: Averiguación de los datos técnicos del navegador: Nombre, versión, plataforma, disponibilidad de cookies, perfiles, etc.
• Objeto window.history: Manipulación del historial del navegador. Avances y retrocesos de páginas.
• Objeto window.location: Manejo de URLs y URIs. Direccionamiento. Empleo de marcadores.
• Objeto window.event: Obtención de las características de un evento: Coordenadas del puntero, códigos de teclas, botones pulsados, etc.

Clase 8. Modelo de Objetos de Documento (DOM), parte II:

• Objeto window: Manejo de ventanas. Creación y manipulación de popups. Administración de contenidos. Referencia opener.

Clase 9. Modelo de Objetos de Documento (DOM), parte III:

• Objeto document: Escritura dinámica de contenidos en las páginas. Alteración de las propiedades de elementos ya impresos. Referencias getElementById y getElementsByTagName. XML DOM.

Clase 10. Manejo de eventos:

• Eventos del mouse: onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover y onmouseup.
• Eventos de teclado: onkeydown, onkeypress y onkeyup.
• Eventos de activación y carga: onload y onunload.
• Eventos de foco y de selección: onblur y onfocus.
• Eventos de contenido: onchange.
• Eventos de formularios: onreset y onsubmit.
• Eventos de imágenes: onabort.
• Eventos de error: onerror.

Clase 11. Introducción a PHP:

• Propósito y definición del lenguaje.
• Instalación y configuración de Apache.
• Edición e interpretación de archivos PHP.
• Interacción del lenguaje con el XML.
• Elementos fundamentales del lenguaje.
• PHP para formularios: Arrays $_GET y $_POST

Clase 12. Introducción a MySQL:

• MySQL: Concepto de Sistema de Gestión de Bases de Datos (SGBD).
• Instalación y puesta en marcha del servicio.
• Conexión mediante host, usuario, contraseña y puerto.
• Edición del diseño de una base de datos, mediante un MySQL Client.
• Tipos de tablas.
• Atributos de campos.
• SQL: consultas SELECT, INSERT, DELETE y UPDATE.

Clase 13. PHP y MySQL:

• Conexión con MySQL desde PHP: Funciones mysql_connect y mysql_select_db.
• Ejecución de consultas: Función mysql_query.
• Detección de errores: Funciones mysql_errno y mysql_error.
• Tratamiento de una consulta SELECT: Funciones mysql_num_rows y mysql_fetch_assoc.
• Cierre de la conexión: Función mysql_close.
• Tratamiento de una consulta INSERT, DELETE o UPDATE: Funciones mysql_insert_id y mysql_affected_rows.

Clase 14. Introducción a AJAX:

• AJAX (Asynchronous JavaScript and XML): Conceptos esenciales.
• Alcances de la técnica del AJAX: Peticiones del lenguaje cliente y respuestas del servidor en XML.
• Desarrollo de casos de ejemplo, sin refresco de página: Cargar dinámicamente las provincias de un país elegido; completar los datos personales de una entidad seleccionada; acceder a la validación de datos PHP, sin escribir rutinas en JavaScript; efectuar operaciones ABM con los registros de una tabla de base de datos, desde el lenguaje cliente; etc.
• Esquema de trabajo cliente y servidor.

Clase 15. Peticiones AJAX:

• Objeto XMLHttpRequest: Concepto y utilidad.
• Instanciación en todos los navegadores.
• Uso de los métodos GET y POST, para enviar la petición.
• Uso de una página PHP, de procesamiento de la petición.
• Peticiones asíncronas: propiedades readyState y onreadystatechange. Creación de funciones de captura de respuestas.
• Peticiones síncronas: Captura de respuestas.
• Recepción de respuestas como texto plano.

Clase 16. XML:

• XML: Concepto y utilidad.
• Sintaxis y estructuración.
• Elaboración y recepción de respuestas en XML.
• XML DOM:
• • Acceso a los elementos de un documento XML.
  • Estructura de árbol.
  • Acceso al Root Element.
  • Acceso a etiquetas por nombre: getElementsByTagName.
  • Acceso a nodos: childNodes, firstChild, lastChild, previousSibling, nextSibling, nodeName, nodeValue.
  • Acceso a atributos.

Para ver el precio de este y otros cursos haga click aquí