HTML – El programador Ibérico

Yay! New post…

Yep, I came back to this, my abandoned blog, to tell you about how I solved an error I was having with Django and was driving me crazy for a some days…

But first, Django? What is Django ?. Well, I am not going to go into much detail, but I will tell you that it is a web development framework that I discovered not so long ago, but I liked it a lot. Complete websites with great functionality are obtained with very little effort. It is based on python, which is a plus, since I recommend everyone to learn this programming language that is leading the list of favorite programming languages 🙂

Among the building blocks of django, there are generic views, which are an easy way of creating listing, detail, edit, create and delete pages (among others) for entities in the database.

Let’s leave SAP aside for a while to talk about HTML and Javascript, which I also like 🙂.

In a personal web project, I needed an easy way of making lists which data I could filter and sort, and a quick search on Lord Google gave me the answer: List.js

List.js is a light and quick JavaScript library that let’s you easilly create data listings, allowing sort, search and much more.

Like any JavaScript library, first we’ll need to download it and link it in our HTML document.

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

We will define a div for out list, in which we will create our list with
and tags. A class needs to be defined for the list. For now, we will leave it as “list”. List.js will search for this class to interact with the HTML.

<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>