» Aguarde un momento por favor...

avatar
Programador
  • 2020 PUNTOS
    Masculino
  • 1176 PUBLICACIONES
    Pais
  • 2825 COMENTARIOS
  • 11 SEGUIDORES
  • 9 SIGUIENDO


Aunque algunos desarrollos en AJAX ya existían desde hace mucho tiempo, fue Google quien nos cautivó con GMail al implementarlo tan bien que vimos las posibilidades reales de una aplicación de escritorio corriendo en la web.

Luego de eso fueron surgiendo más aplicaciones, pero sobre todo técnicas implementadas en éste conjunto de tecnologías que mejoraron la experiencia del usuario, y el desarrollo web, que me gustaría enumerar algunas en éste artículo junto a enlaces con scripts gratuitos para que cualquier otro desarrollador pueda implementarlo en su siguiente aplicación.
Autocompletado


Esto nos ha sido de gran ayuda para completar formularios, la primera vez lo ví con Google Suggest que ofrecía sugerencias de posibles búsquedas, también lo incluye GMail para ayudarnos a ingresar direcciones de correo.

Scripts con ejemplos y tutoriales para su implementación:

Auto completado desde una base de datos.
Implementación utilizando script.aculo.us.
Sugerencias con AJAX.
Autocompletado con AJAX.

Información en pestañas


Mejoró la forma de presentar la información en un sitio web haciéndolo más ordenado, es común que ahora las barras laterales de un sitio contengan al menos un módulo de éste tipo.

Pestañas utilizando JQuery.
MooTabs utilizando Mootols.
Ejemplo de Pestañas que se pueden arrastrar y soltar para reordenarlas.
Tabber, una de las implementaciónes más ligeras


Youtube nos enseñó a calificar los videos es una forma práctica de lograr que los usuarios nos den retroalimentación sobre lo que publicamos para luego tomar decisiones en base a ello o sencillamente mostrar lo más popular a nuestros visitantes

Calificacion utilizando estrellas, basada en porcentajes
Starbox, sistema basado en Prototype

Validación al enviar formularios


Atrás quedaron los tiempos en los que se enviaba un formulario y la página se recargaba diciéndo que no habíamos ingresado algún dato, lo que a veces ocasionaba que se perdiera la información y tuviéramos que llenar de nuevo todos los campos, ahora con AJAX se valida y muestra de forma útil cuando hemos cometido algún error.

wforms – una librería de código abierto
Formulario de contacto en AJAX
Validación de campos vía AJAX

Compartir también en:

  • 261 visitas 0 favoritos0 comentarios

    Creado hace 1 año

    Para poder comentar debes crear una cuenta o loguearte.