Contenido
Temario
Introducción a JavaScript
JavaScript nos permite enriquecer las paginas HTML permitiendo la interacción con los visitantes directamente en el navegador, antes que tener que enviar información al servidor Web.
- Breve historia de JavaScript
- Diferencias entre JavaScript y Java
- Diferencias entre JavaScript y HTML
- Como agregar JavaScript a las páginas HTML
Depuración de código
Detección y depuración de errores con las opciones que ofrecen los navegadores mas populares.
- Insertando e interpretando comentarios en el código
- Como depurar código JavaScript en las páginas HTML
- Depurando código con Internet Explorer 6 y 7
- Depurando código con Firefox 2
- Depurando código con Opera 9
- Depurando código con Safari 3 (habilitar el menu oculto de Debug)
- Depuración de una página con múltiples errores JavaScript
El lenguaje JavaScript
El lenguaje de programación JavaScript utiliza sintaxis tipo C, en esta parte cubrimos las características prácticas del lenguaje.
Esta sección esta dirigida especialmente a quienes que no están familiarizados con la sintaxis tipo C.
- Declaración y uso de variables
- Reglas para asignar nombres a las variables
- Tipos de Datos que pueden contener las variables
- Conversión implícita de datos
- Operadores: Aritméticos, de comparación, boléanos, strings, asignación, especiales y precedencia
- Estatuto condicionales If, If..else, switch
- Ciclos: while, do..while y for
- Crear y utilizar funciones
- Definir el alcance de las variables(locales y globales)
- Uso de objetos intrínsecos: El objeto String, Math, Number, Date y Boolean
Explotando el Document Object Model (DOM)
Mediante el manejo del DOM es como obtenemos el mejor provecho de JavaScript en nuestras páginas.
- La jerarquía de objetos de los navegadores
- Referenciando objetos del DOM organizados por numero
- Referenciando objetos del DOM organizados por nombre
- Referenciando objetos del DOM organizados por identificador (id)
- Manejo de los Eventos en el DOM
Validación de Formas HTML
La validación de la captura en las formas HTML es uno de los usos mas útiles de JavaScript. Veremos varias técnicas de validación para los diferentes tipos de campos.
- Manejo de Formas HTML con el objeto Form
- Manejo de Formas: Objetos Text, Textarea, Password y Hidden
- Manejo de Formas: Objetos Checkbox y Radio
- Manejo de Formas: Objeto Select (listas)
- Funciones especiales para validar la captura de datos
- Validar rangos, campos obligatorios, fechas, cantidades, direcciones de correo elctrónico , RFCs, etc.
- Listas blancas y negras para permitir y/o bloquear ciertos caracteres en la captura
- Uso de expresiones regulares
Controlando la Interfase del Navegador
Un aspecto muy importante del desarrollo de aplicaciones es el de controlar la interfase de las aplicaciones.
- Objeto Window: Utilizando diálogos para interactuar con los usuarios
- Objeto Window: Creando ventanas secundarias
- Objeto Window: Controlando la interfase de los navegadores
- Objeto Window: Manejo de marcos(frames)
- Objeto Location: Definiendo el contenido de las ventanas
- Objeto Navigator: Obteniendo información de los Navegadores
- Trabajando con Imágenes: Creando Rollovers
- Objeto Screen: Obtener información de la resolución de la pantalla
- Objeto Link: Manipulando dinámicamente las ligas en una pagina HTML
- Deshabilitando el botón derecho del ratón
Hojas de Estilo en Cascada (CSS)
Manipulación de los CSS para mejorar la retroalimentación a los usuarios.
- Obtener y asignar estilos dinámicamente a distintos elementos de una pagina
- Modificación dinámica de estilos en una forma HTML para mejorar la retroalimentación
Tablas HTML
Las tabas HTML son muy útiles en el desarrollo de una aplicación Web. Cubrimos detalladamente sus usos mas prácticos.
- Recorrer y procesar los renglones de una tabla HTML
- Modificar dinámicamente una tabla
- Colorear alternadamente los renglones
- Resaltar renglones cuando el raton pasa sobre ellos
- Marcar renglones mediante una casilla
- Ordenar los datos de una tabla sin tener que refrescar la pagina completa
XML
El XML es una manera de intercambiar información entre el navegador y el servidor web.
- Enviar y recibir documentos XML con JavaScript
- Procesar documentos XML con JavaScript
JSON
JSON es otra manera de intercambiar información con el servidor web, a diferencia de XML es un esquema considerado mas 'ligero' y sencillo.
- Definir objetos JSON
- Enviar, recibir y procesar información con JSON
AJAX - JavaScript Asincronico o Remote Scripting
Introducción al uso mas novedoso de JavaScript: Ejecución de procesos remotos de manera asíncrona. AJAX es utilizado para el desarrollo de aplicaciones Web sofisticadas y fluidas.
- Enviar y recibir información sin tener que refrescar toda la pagina
- Diferencias entre Internet Explorer y otros navegadores
- Uso del objeto XMLHttpRequest
- Solicitudes AJAX vía POST y GET
- Intercambio de información mediante texto simple, XML y JSON
- Animaciones para indicar estado de solicitudes
- Manejo de solicitudes multiples
Técnicas AJAX
Aplicaciones tipicas de AJAX en las aplicaciones Web.
- Solicitudes
- Validación de captura
- Modificar listas
- Actualizar secciones de una pagina
- Tooltips
- Autocompletar o sugerir
- Manejo de ventanas secundarias con interfase personalizada
- Arrastrar y dejar caer (drga and drop)
Frameworks
Existen numerosas librerias o frameworks disponibles que facilitan la implementacion de soluciones AJAX. Examinamos los frameworks mas populares.
- Prototype
- Script.aculo.us
