El blog de Jose Dueñas

Introducción básica a jQuery

Jose Dueñas — Tue, 07 Jul 2009 18:43:14 +0000

jQuery es una libreria Javascript compacta y rápida que simplifica el que podamos recorrer nuestro HTML, manejar eventos, crear animaciones y de trabajar al fin y al cabo de una manera fácil con la tecnología AJAX para desarrollar webs. jQuery cambiará radicalmente tu forma de trabajar con JavaScript.

Cargando la librería jQuery en nuestro HTML

Vamos a ver lo más básico de jQuery, lo primero que haremos es crear un archivo HTML llamado index.html con el siguiente contenido:

Segun hemos establecido en el atributo src, tenemos que establecer el archivo jquery.js en el mismo directorio de nuestro archivo index.html.
El archivo jquery.js, es decir, la libreria jQuery lo puedes descrgar de:

Ejecutando código al cargar la página

Los programadores JavasScript estarán acostumbrados a usar código de éste tipo:

window.onload = function(){ alert("welcome"); }

Pero con jQuery, si queremos ejecutar algo justo despues de que se cargue la página,tendremos que usar el evento jQuery llamado “evento ready”:

$(document).ready(function(){
   // Aqui va el codigo
 });

Vamos, por ejemplo, a hacer que se muestre una ventana con un mensaje cuando pulsemos el enlace de nuestra página.

$(document).ready(function(){
   $("a").click(function(event){
     alert("Hola Mundo!");
   });
 });

Guarda el archivo index.html y ábrelo para ver el resultado, deberias ver una ventana con le mensaje “Hola Mundo” cuando pulses el enlace.

Lo aconsejable, para conseguir un código mas limpio y legible, es poner nuestro código jQuery en archivos .js y luego cargarlos en nuestro HTML del mismo modo que hemos cargado el archivo jquery.js, pero para nuestro tutorial lo pondremos todo en el HTML, asi pues, el ejemplo completo quedaría así:


 
 
   
   
   
 
 
   jQuery

Añadiendo y quitando clases CSS

jQuery también nos permite de forma fácil, añadir y eliminar clases CSS. Para ver un ejemplo, primero añadimos algo de estilo CSS a nuestro HTML:

Podemos por ejemplo hacer que al clickar sobre el enlace, se añada una clase CSS al enlace para que el texto se muestre en negrita:

$("a").addClass("test");

Para eliminar la clase hacemos lo siguiente:

$("a").removeClass("test");

Animaciones

La libreria jQuery tiene una gran cantidad de efectos y animaciones para dotar de dinamismo a nuestras webs. Veamos por ejemplo, como hacer desaparecer el enlace al clickar sobre él:

$("a").click(function(event){
   event.preventDefault();
   $(this).hide("slow");
 });

Ésto debe servirte como punto de partida, con jQuery se pueden hacer muchisimas cosas mas, para aprender mas te recomiendo que leas la documentación oficial de jQuery en http://docs.jquery.com/Main_Page

Panda Cloud Antivirus, solución gratuita desde la nube

Jose Dueñas — Mon, 11 May 2009 17:22:31 +0000

Si hace unos años el término de moda era Web 2.0, desde finales del año pasado el término Cloud Computing o Computación en la nube viene para quedarse.

Ahora es el turno de los antivirus, Panda, empresa española creadora de Panda Antivirus nos trae una solución gratuita para Windows que libera a nuestro ordenador de la carga que supone ejecutar un antivirus, ya que todo lo hace desde la nube. Ésto supone que tánto las actualizaciones de la base de virus como loa analisis serán transparentes al usuario ya que no nos daremos ni cuenta.

Aunque soy usuario de Mac OSX y Gnu/Linux principalmente, en el trabajo me toca “sufrir” una máquina Windows, propensa a contagiarse con toda clase de virusm y e spor eso que he querido probar éste nuevo antivirus.

Personalmente he visto una gran mejora en el rendimiento de la aplicación, va mucho mas ligero que versiones anteriores de Panda Antivirus. El interfaz es limpio y claro y con las opciones justas para no perderse. Lo que he podido probar de él hasta ahora me ha gustado mucho. Sin duda, una opción a considerar para nuestros equpos Windows.

El antivirus está disponible para descarga gratuita desde la web: http://www.cloudantivirus.com/

Comentaros que gracias a Panda Security y bitacoras.com, si sois bloggers, podeís ganar un netbook sólo por hacer un review como el mio, si vuestro post es elegido por un jurado compuesto por miembros de Panda Security. Podéis leer las bases en la web de bitacoras.com

Libreria CodeIgniter para el API de Flickr publicada

Jose Dueñas — Sun, 19 Apr 2009 23:23:18 +0000

Flickr es el servicio para compartir fotos mas popular actualmente y cada vez son mas las aplicaciones web que hacen uso de su API para poder exprimir todas las ventajas de ésta red social. Por otro lado, CodeIgniter, el framework de programación PHP, es el responsable de que mi productividad a la hora de desarrollar aplicaciones web aumente cada vez mas.

Es por eso que acabo de lanzar la primera versión de la librería de CodeIgniter para el API de Flickr con la que podrás trabajar cómodamente sobre el API de Flickr usándola como una librería de CodeIgniter.

Basta con que copies el archivo Flickr.php dentro del directorio system/application/libraries y accedas a cualquier método desde tu controlador de éste modo:

$this->flickr->call('metodo', array('parametro1'=>valor,'parametro2'=>valor2));

dónde con “metodo” le indicamos el método del API de Flickr al que queremos acceder y en el array le indicamos los distintos parámetros con sus correspondientes valores.

Puedes encontrar la documentación completa y el enlace para la descarga en la sección “Código”:

Libreria CodeIgniter para Flickr API

Estimar los costes de desarollo de un proyecto web

Jose Dueñas — Tue, 24 Feb 2009 23:10:26 +0000

Para realizar la estimación de costes de un desarrollo software he encontrado una utilidad online bastante sencilla pero que nos puede ayudar en esa tarea a veces tan complicada.

“The Web Development Project Estimator” es una herramienta que permite a los desarrollares y diseñadores web a estimar de una forma rápida el tiempo y materiales necesarios para un proyecto y su coste total.

Basta con introducir el título del proyecto y tu tarifa por hora, se ajustan las horas estimadas para cada tarea y se obtiene una estimación del coste lista para ser descargada en formato PDF.

Copias de seguridad de bases de datos MySQL

Jose Dueñas — Sun, 22 Feb 2009 17:11:58 +0000

Acabo de descubrir AutoMySQLBackup, una herramienta que puede ser de bastante de utilidad a la hora de crear copias de seguridad automatizadas de bases de datos MySQL.

Se trata de un script php que posee bastantes opciones de configuración y realiza él solo la rotación de las distintas versiones de las copias. Crea tres directorios: daily, weekly y monthly, dónde se van almacenando las distintas copias diarias, semanales y mensuales.

Puedes descargarla desde SourceForge.

Facebook, ¿quién es el dueño de tus datos?

Jose Dueñas — Fri, 20 Feb 2009 22:30:34 +0000

Mucho revuelo ha acontecido éstos últimos días debido al cambio de la TOS (Términos del Servicio) de Facebook.

A modo de resumen puedo contaros que éstos cambios convertían a Facebook como la propietaria única de las fotografias, mensajes y demas datos que subieras a tu perfil. Aun si borraras tu cuenta, ellos seguirian siendo dueños de esos datos.

El creador de Facebook, Mark Zuckerberg respondía en el blog oficial, con un argumento poco válido en mi opinión, en el que lo comparaba con el correo electrónico, cuando envias una foto a alguien y luego borras tu cuenta, la foto la sigue teniendo el otro. No me parece ni correcta ni válida la comparación. Además nos decía “confíad en nosotros”.

Debido a tántos comentarios negativos acerca de éste cambio, no han tenido mas remedio que retroceder y hoy nos anunciaba en el blog oficial de Facebook, que volvian a la anterior TOS y que elaborarán una nueva y mejor.

Creo que los usuarios de Facebook, que somos los que verdaderamente le damos valor a ésta red social, deberíamos estar mejor protegidos ante éstas situaciones. Nuestros datos deberían ser eso, nuestros, y en el momento de querer eliminarlos no hubiera ningún problema. Bastante negocio hacen ya con la publicidad como para comerciar también con nuestros datos.

De cualquier modo, tambien os digo que deberíais hacer un uso racional de éstas redes sociales, leáse Tuenti, Facebook, etc y subir datos con conocimiento.

Mi primer dibujo con la tableta Wacom

Jose Dueñas — Sat, 14 Feb 2009 18:07:17 +0000

El dibujo nunca ha sido mi fuerte, lo hago bastante mal, pero al menos con la tableta que me regaló mi mujer en Navidades, el dibujar se convierte en algo bastante divertido.

Aquí os presento mi primer dibujo, el primero para la galería de los horrores.

Cambiar la maquina virtual de Java por defecto en Ubuntu

Jose Dueñas — Sun, 08 Feb 2009 21:22:05 +0000

Ahora que estoy liado con Java, me he visto en la situación de querer cambiar la maquina virtual de Java que viene por defecto en Ubuntu. Quiero seleccionar la maquina virtual oficial de Sun, en lugar del openjdk.

Basta con ejecutar:

sudo update-alternatives --config java

y seleccionar la maquina virtual de Sun.

Serie recomendada: Lost (Perdidos)

Jose Dueñas — Sun, 08 Feb 2009 19:03:49 +0000

No creo que necesite mucha presentación, es una serie bastante conocida pero que no podía dejar de incluir en la serie de posts sobre mis series de TV favoritas y recomendadas.

Narra la historia de un grupo de supervivientes de un accidente aéreo en una isla de Pacífico, donde se mezclan tramas de suspense, drama y ciencia ficción. Una isla en la que ocurren cosas inesperadas…

Un video promocional para que os hagáis una idea:

Google Latitude, ¿dónde están mis amigos?

Jose Dueñas — Wed, 04 Feb 2009 14:03:21 +0000

Hoy se ha lanzado el nuevo servicio de Google. Se trata de Google Latitude, con el que podrás saber dónde están tus contactos en cualquier momento y que ellos sepan dónde estás tu.

Por supuesto, TU eres el que decides qué personas son las que pueden conocer tu localización, así que que no hay problema de invasión de intimidad cómo he podido escuchar en las Noticias de Cuatro aquí en España. Menuda barbaridad que han dicho.

Te puede gustar mas o menos el hecho de compartir con otras personas tu posición, pero al menos yo lo encuentro algo que puede ser útil para algunos casos y sobre todo divertido para otros.

Es una opción mas del Google Maps para móviles, y puedes instalarlo en tu movil, Blackberry, Symbian, etc.