Por qué tus páginas con DataTables tardan tanto en cargar

Por qué tus páginas con DataTables tardan tanto en cargar

Ejemplos
Una página que tarda mucho en cargar es una página mala. Lo sabés vos y lo saben tus usuarios. Si tu sitio tarda más de 5 segundos en mostrarse tus visitantes se sentirán así: Las páginas que usan DataTables se ven bien y son muy funcionales pero pueden tardar una eternidad en desplegarse. Más de la mitad de los usuarios que no encuentran pronto lo que buscan se van a otro sitio. Y los que se quedan desconfían de la profesionalidad de quien las desarrolló. ¿Y quién quiere contratar a alguien que entrega trabajos de dudosa calidad? Más vale dedicar unos minutos a aprender cómo mejorarlas. Factores que afectan el tiempo de carga de tu página En su forma más simple, un DataTable puede cargarse usando un arreglo JavaScript. Basta…
Leer más
Construyendo una tabla dinámica con PHP, MySQL, DataTables y Ajax

Construyendo una tabla dinámica con PHP, MySQL, DataTables y Ajax

Ejemplos
¿Cuántas veces te enfrentaste a la necesidad de mostrar información resumida en forma de tablas? O, puesto de otro modo: ¿qué aplicación no requiere del uso de tablas? Por supuesto que se puede usar HTML puro y quedará algo más o menos aceptable... pero con las herramientas (¡y los usuarios!) que tenemos hoy en día no podemos darnos el lujo de presentar una experiencia de usuario aceptable. Debemos dar lo mejor que podamos. Y lo mejor hoy en día implica interactividad. Los usuarios quieren poder buscar, ordenar, paginar... prácticamente tener un Excel directo en su aplicación. Ya te estarás imaginando el delirio de javascript que tendrías que ponerte a escribir para hacer todo esto desde cero, ¿no? De sólo pensarlo me dan ganas de retomar el curso de peluquería que…
Leer más
Cómo pasar una variable de JavaScript a PHP

Cómo pasar una variable de JavaScript a PHP

Cómo hacer para...
Si estás programando algún sistema web medianamente complejo, es muy probable que te hayas enfrentado a este problema alguna vez. En muy resumidas cuentas, lo que estás intentando hacer es algo como: var variable_js = 2; $variable_php = variable_js; Sería lindo que todo funcionara de esa forma, ¿no? Lamentablemente, la cosa no es tan fácil (Pero tampoco es tan difícil en realidad). Por qué no se puede pasar directamente un valor de Js a PHP Esta pregunta esconde un poco de confusión respecto de cómo funcionan las aplicaciones web. Algo parecido a lo que comentaba en este artículo. El punto es que PHP y JavaScript se ejecutan en lugares y momentos diferentes. Es como si estuvieses leyendo un libro y te encontraras con algo que no comprendés del todo y…
Leer más
Un dashboard en tiempo real basado en PHP y Bootstrap

Un dashboard en tiempo real basado en PHP y Bootstrap

Ejemplos
Algo que está muy de moda por estos días es la creación de tableros de comandos (Dashboards) que se mantengan actualizados en tiempo real. Si bien la definición de tiempo real es algo vaga (Formalmente se trata de sistemas en los cuales el tiempo de respuesta es crítico), hay una suerte de conocimiento en común respecto de lo que quiere decir: que los cambios se vean en forma inmediata (o casi). En lo que hace a aplicaciones web, de lo que se trata es de permitir al visitante recibir novedades sin tener que recargar la página. Para lograr este efecto se necesitan dos partes coordinadas: Una aplicación front-end con la que el usuario interactuará en forma directaUn servidor que mantenga la información actualizada en todo momento Un frontend para el…
Leer más
Cómo hacer un autocomplete con PHP

Cómo hacer un autocomplete con PHP

Cómo hacer para...
Es muy común hoy en día encontrarnos con formularios que deben completarse mediante alguna opción pre-existente en el sistema. Si las opciones son pocas, lo más usual es utilizar un dropdown (un objeto basado en el tag select de HTML), pero si la cantidad de opciones es grande, esto puede volverse un fastidio para el usuario. Una forma mejor es dejar que el usuario ingrese el texto que quiera y dejar que el sistema autocomplete el resto. Para lograr este efecto se requiere una combinación de factores: Un servicio que pueda tomar el texto introducido por el usuario y devuelva una lista de opciones disponibles que coincidan.Una página capaz de tomar la entrada del usuario, interactuar con el servicio y presentar las opciones al usuario. Un servicio que busque opciones…
Leer más