¿Cuál sería el mejor lugar para comenzar a aprender AJAX(tengo Perl como back-end)
dynamic-websites (14)
¿Qué hay de aprender jQuery ?
Actualmente estoy desarrollando un sitio web usando cgi básico para generar páginas. Me gustaría que el sitio web se cambie para tener una mejor interfaz (lectura dinámica).
¿Qué técnicas (si no AJAX) y / o tutoriales recomendaría para comenzar?
Creo que los tutoriales de W3 Schools son siempre un buen lugar para comenzar antes de ir a tutoriales más profundos.
El término "AJAX" es un poco engañoso y puede causar confusión para las personas que intentan aprenderlo. El término en sí realmente solo se aplica a buscar o enviar datos desde el servidor de forma asincrónica (es decir, sin volver a cargar la página), sino que tiende a usarse para describir cualquier sistema moderno pesado de Javascript. (De hecho, incluso cuando está hablando de buscar o enviar datos de manera asincrónica, el término "AJAX" no es del todo correcto: se acuñó originalmente para significar "Javascript y XML asíncronos", pero la mayoría de las implementaciones modernas usan JSON en lugar de XML )
Entonces, sospecho, de lo que realmente estás hablando es de ''Javascript moderno''. El uso de Javascript en un sitio web (como se ha señalado anteriormente) implica varias tecnologías relacionadas, pero distintas, y es muy útil para comenzar a comprender qué son, dónde comienzan y terminan, y cómo interactúan.
Primero tienes el lenguaje JavaScript en sí. Aunque hay varias implementaciones, esto es realmente relativamente simple, y usted debería tener muy pocos problemas para recoger su sintaxis.
Luego está el DOM o Document Object Model. Esta es la interfaz basada en Javascript del navegador para la página en sí. El DOM es realmente bastante complicado en comparación con el lenguaje Javascript, y es probable que sea el lugar donde tenga más problemas (sobre todo porque el DOM proporcionado por diferentes navegadores tiende a ser sutilmente diferente).
Para empezar a aprender esto, sugiero que comiences mirando la manipulación básica del DOM. Aprenda a crear elementos dinámicamente usando el DOM, cómo asignar eventos, cómo su código interactúa con la página, etc. Hay una gran cantidad de recursos disponibles en la web para ver, y varios libros. Como se ha mencionado, O''Reilly''s Javascript: The Definitive Guide es un excelente recurso. Si desea un recurso web confiable, visite el sitio de PPK . También querrás instalar Firebug , es extremadamente útil para la depuración. También es una excelente herramienta de aprendizaje, puede abrir la consola y "jugar" con cualquier página que desee. El navegador DOM y la finalización de pestañas lo hacen muy fácil.
Puede comenzar mirando el Javascript de forma aislada, pero es lo suficientemente simple como para que pueda obtener todo lo que necesita con solo mirar algunos ejemplos. En cambio, sugeriría que a medida que avanza, revise el lenguaje JavaScript en sí. Aprenda sobre su creación de prototipos de objetos (y cómo difiere de las clases OOP más tradicionales a las que esté acostumbrado). Estos conceptos pueden tardar un poco en "hacer clic" con algunas personas, y no hay necesidad de saberlo cuando está comenzando, así que recomendaría pasar por alto por el momento.
Tenga en cuenta que aún no he mencionado AJAX ni ningún framework: le resultará mucho más fácil si tiene una base básica en Javascript y DOM antes de comenzar a buscar en un framework. En lo que respecta a la manipulación DOM, estos marcos simplemente proporcionan ''accesos directos'' y funciones de utilidad: si no sabes lo que está haciendo entre bastidores, puede ser muy complicado resolver cualquier problema.
También recomendaría usar un framework para manejar las complejidades de AJAX, simplemente porque (a diferencia de la manipulación DOM y el manejo de eventos) hay muy pocas razones para que comprendas las complejidades de XMLHttpRequest a menos que realmente quieras. Deje que el marco se ocupe de él y todos los problemas de compatibilidad del navegador que surjan.
¡Buena suerte!
Es posible que desee comprobar HTML :: Prototype , JQuery o CGI :: Ajax
Si eres algo nuevo en el lado de JavaScript de las cosas, probablemente deberías comenzar a utilizar un marco.
Jquery es liviano y agradable y tiene buenos tutoriales y documentación .
Si no estás buscando sumergirte tanto en las tuercas y pernos, existe la Interfaz General de TIBCO . Es gratis, de código abierto y se ejecuta en Tomcat. GI es un IDE basado en AJAX que se ejecuta en un navegador y se utiliza para crear sitios web AJAX.
No trabajo para TIBCO y solo estoy tratando de ayudar. Si tuviera que pagar por la herramienta, probablemente no la habría sugerido.
-Steven
Si realmente quiere entender lo que está haciendo, JavaScript: La guía definitiva es una gran referencia para aprender JavaScript y tiene una sección dedicada a cómo funciona XMLHttpRequest y cuáles son las preocupaciones entre navegadores al usarla.
Una vez que te familiarices con eso, busca utilizar un marco como jQuery o Prototype que se encargue del trabajo pesado para ti.
Su mejor apuesta es comenzar con una biblioteca de Javascript que proporcione una interfaz razonable para AJAX como Prototype. Hay muchos recursos para aprender los conceptos básicos de tales bibliotecas. Por ejemplo: http://www.prototypejs.org/learn
Sugiero jQuery, liviano y muy fácil de manejar rápidamente, una gran comunidad web e irc. Para ajax es tan fácil como $ .ajax (url, callbackFn); - http://docs.jquery.com/Ajax
Buenos tutoriales en www.learningjquery.com
Véase también Uso de Ajax de Perl desde perl.com
Muchas buenas respuestas aquí sobre aprender AJAX (o JavaScript / DOM) como una entidad independiente, pero el módulo CGI :: AJAX de CPAN es la manera más rápida y fácil de configurarse para tener una página web que utiliza AJAX para actualizar una página en -the-fly usando un back-end de Perl. No requiere conocimiento de DOM, XML, JSON o cualquier otro idioma que no sea Perl, un poco de HTML y la más mínima pista de JavaScript.
Todo lo que tiene que hacer es asignar un controlador de eventos de JavaScript (por ejemplo, onkeyup = ''...'') que especifique a qué función Perl llamar y qué datos proporcionar como entrada y crear un div para recibir el resultado. CGI :: AJAX se encargará de todas las comunicaciones con el servidor y la manipulación del DOM desde allí.
Obtuve mi primera introducción a AJAX (y JavaScript, para el caso) de Ajax Hacks, que proporcionó una buena base para comprender de qué se trata, y lo que sucede detrás de escena en las bibliotecas de "hágalo por usted" que todos empujan .
Recomendaría el libro Head Rush Ajax de Head First Labs .
Te guiará a través del proceso de aprendizaje de Ajax desde cero.
Hacen suposiciones mínimas con respecto a lo que usted puede o no saber.
El autor hace un buen trabajo presentando los componentes básicos para comprender y usar AJAX.
Saludos...
Es mejor abordar AJAX al recoger lo siguiente:
- El lenguaje Javascript
- Una comprensión del DOM .
- Una comprensión de XMLHttpRequest .
Una vez que tenga esos que están bajo su control, puede tomar una decisión informada sobre qué API o marcos le gustaría usar. El back-end no importa mucho, pero yo recomiendo usar JSON como protocolo de elección sobre XML. El análisis XML está plagado de inconsistencias que requerirán modificaciones de código. JSON es mucho más directo.
Consulte mi respuesta sobre " ¿Alguien ha migrado de Struts 1 a otro marco web? " Para obtener más información.