HTML – El programador Ibérico

¡Albricias! Una nueva publicación…

Sí, vuelvo a escribir en éste, mi abandonado blog, para contaros cómo solucioné un error con django que me volvió loco durante un par de días…

Pero primero, ¿django? ¿qué es django?. Bueno, no voy a entrar en mucho detalle, pero os diré que es un framework de desarrollo web que me ha gustado bastante. Se consiguen webs completas con gran funcionalidad con muy poco esfuerzo. Está basado en python, cosa que ya de por sí es un plus, ya que recomiendo a todo el mundo aprender este lenguaje de programación que está arrasando en la lista de los lenguajes de programación favoritos 🙂

Entre las piezas de construcción de django, están las generic views, formas fáciles de crear páginas de listado, detalle, edición, creación y borrado (entre otras) de entidades en base de datos.

Nos alejamos un poco de SAP para hablar de HTML y JavaScript, que también gustan 🙂

En un proyecto web personal, me hizo falta una forma sencilla de hacer listados en los que pudiera filtrar y ordenar datos, y una simple búsqueda en San Google me dio la respuesta: List.js

Se trata de una librería JavaScript muy muy ligera y rápida, que permite de forma muy sencilla crear listados de datos que pueden ser filtrados y ordenados.

Como cualquier librería JavaScript, lo primero necesario es descargarla y enlazarla en nuestro documento HTML.

<script type="text/javascript" src="/js/list.min.js"></script>

Definiremos una caja para nuestro listado, en la que crearemos nuestra lista con etiquetas <ul>. Por ahora, no modifiquemos el class «list» de nuestro <ul>, será necesario para que funcione correctamente.

<div id="lenguajes">
<ul class="list">
<li>
<p class="puesto">Puesto: 1 <img src="/img/oro.png" alt="" /></p>
<p class="lenguaje">Lenguaje: Java</p>
</li>
. . .
</ul>
</div>