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.
- 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.
- 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 y 3
- Depurando código con Opera 9
- Depurando código con Safari 3
- Depuración de una página con múltiples errores JavaScript
- Extensiones utiles para Internet Explorer: Developer Toolbar, DebugBar
- Extensiones utiles para Firefox: Web Developer y Firebug
- Extensiones utiles para Safari: Menu de desarrollo, consola de errores e inspector de elementos
- Extensiones utiles para Google Chrome: Consola de errores e inspector de elementos
- Extensiones utiles para Opera: Opera Developer Tools (Firefly)
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
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 electró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
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
Frameworks
Existen numerosas librerias o frameworks disponibles que facilitan la implementacion de soluciones AJAX. Examinamos los frameworks mas populares.
- Prototype
- Script.aculo.us
Técnicas AJAX con Prototype - Script.aculo.us
Aplicaciones tipicas de AJAX en las aplicaciones Web.
- Simplificación de solicitudes XMLHttpRequest
- Actualizar secciones de una pagina de manera continua y automática
- Ordenamiento de tablas
- Modificar y ordenar listas
- Tooltips
- Autocompletar o sugerir
- Manejo de ventanas secundarias con interfase personalizada
- Arrastrar y dejar caer (drag and drop)
Frameworks
A solicitud del cliente podemos cubrir otros frameworks:
