AJAX PODER
Este mes, Mark ha estado experimentando con nuevas formas de desarrollar interfaces de usuario para la web, y ha tenido una gran batalla para que funcionen algunas de las tecnologías. Lo que comenzó todo el dolor fue el deseo de construir un nuevo front -end para un sitio web existente, tal vez utilizando la tecnología Ajax. Si recuerda las columnas anteriores, Ajax se deshace de esa molesta tope que ocurre a medida que cada nueva página se descarga del servidor y se presenta por el navegador (un efecto horrible con el que todos estamos familiarizados en los sitios web pero nunca toleraría en una aplicación de escritorio ).
La primera tecnología 'en blanco' regresó en los días de IE 3: las secuencias de comandos remotas de Microsoft, que permitió que la interfaz web de Exchange funcionara como una aplicación real por primera vez. El problema era que estaba limitado a IE 3 y, por lo tanto, fue ignorado por la mayoría de los desarrolladores web. La clave para obtener un efecto sin en blanco es la capacidad de un navegador para actualizar un área de pantalla definida sin realizar una actualización de una página, lograda a través de una XMLHTTPRequest, que ha estado en IE desde la versión 4 y ahora también es compatible con Safari, Opera y Mozilla. Ahora puede considerar AJAX para sitios web públicos donde no hay control sobre qué navegador usarán sus visitantes, en lugar de solo para intranets donde puede obligarlos a usar IE.
No necesita ninguna herramienta elegante para desarrollar en AJAX, ya que el código del lado del cliente es básicamente JavaScript, mientras que las cosas del lado del servidor son lo que prefiera codificar, por lo que puede usar todas sus herramientas favoritas. Sin embargo, hay algunas herramientas de desarrollo de AJAX dedicadas disponibles, y las que hemos estado utilizando proporciona mucha ayuda de sintaxis y es gratuita. El producto en cuestión es el desarrollador web Visual 2005 Express Edition 2005 (VWD2005EE) de Microsoft, una versión reducida del último Visual Studio. Está algo restringido, pero la mayoría de los desarrolladores aún encontrarán un entorno muy poderoso, con ayuda de sintaxis y un navegador de objetos incorporado, así como un depurador para aplicaciones web. Requiere el .Marco neto que se instalará en su máquina, y viene con la versión gratuita de SQL Server 2005 para los requisitos de su base de datos. Esta última encarnación de Visual Studio ciertamente vale la pena la descarga considerable y, en opinión de Mark, las tasas como uno de los mejores entornos de diseño web; Dreamweaver de Macromedia es ideal para diseñar y mantener muchos sitios web, pero para la codificación pura y la facilidad de depuración, se le presionaría para vencer vs 2005.
Debido a las presiones de tiempo, hemos utilizado algún código de muestra de un libro extremadamente bueno sobre el tema de Ajax llamado Fundamentos de Ajax por Ryan Asleson y Nathaniel T Schutta (ISBN 1-59059-582-3). Encontramos que los ejemplos de código en este libro difieren de gran parte del código actualmente en la web en un aspecto; a saber, que el código en el libro funciona! Muchos de los ejemplos de código en la web que probamos tenían errores en ellos, y describir el proceso de escribir este artículo como a veces frustrante sería una subestimación importante. En total, se ha llevado un par de semanas obtener un control firme de esta tecnología, con solo unas pocas distracciones en forma de eBay en cuanto a trabajo.
El ejemplo que mostraremos que muestra un botón en una página web, que cuando se presiona devolverá una tabla de datos. Para hacer que el código sea más fácil de entender, y para concentrar la atención en la parte AJAX, estamos utilizando un archivo de texto simple en el servidor para proporcionar la fuente de datos, pero obviamente esto sería, en la vida real, un enlace a una base de datos, o mejor aún para un servicio web.
Comience creando una página web normal y, en la parte superior, coloque las declaraciones normales para una página web que cumpla con XHTML, que se parece un poco a esto:
