Tema: JavaScript

El JS1k (1k Javascript demo contest) es un concurso para programadores de JavaScript con una regla muy sencilla: se trata de presentar una aplicación realizada en JavaScript que no ocupe más de 1 KB (1.024 bytes). Otros puntos a tener en cuenta es que no está permitido añadir extensiones de ningún tipo, ni fuentes adicionales, ni trabajar con ningún framework. El ... sigue »

Comparto con vosotros un tutorial rápido de jQuery para los más impacientes, una forma rápida y abreviada de entender y comenzar a trabajar con jQuery. Recordemos la importancia actual de jQuery, que además de ser un proyecto libre y gratuito, esta librería JavaScript es utilizada por grandes sitios web como Google, Twitter, Amazon, e infinidad más.

Podemos entender las funciones como agrupaciones de código fuente, contenido en el cuerpo de la función, a las que definimos, mediante un nombre, una sóla vez, pero podemos llamar cuantas veces necesitemos a lo largo del programa. De esta forma, nos permiten ahorrar código y además estructurarlo de una forma más ordenada. Su sintaxis es la siguiente: function nombre() { cuerpo de la función; } Vemos ... sigue »

La estructura for nos permite ejecutar bucles tantas veces como le indiquemos, desde un valor_inicial, al que aplicaremos un cierto incremento, y mientras se cumpla nuestra condición. Su sintaxis es la siguiente: for (contador=valor_inicial; condición; incremento) { cuerpo del bucle; } Vemos el funcionamiento de for en JavaScript en el siguiente vídeo-tutorial: Vídeo por Luis Sosa de 12bitsmediagroup.com

La estructura while nos permite ejecutar un bucle mientras (while) cierta condición se cumpla. Su sintaxis es la siguiente: while (condición) { cuerpo del bucle; } Vemos el funcionamiento de while en JavaScript en el siguiente vídeo-tutorial: Vídeo por Luis Sosa de 12bitsmediagroup.com

La estructura switch-case nos permite tomar decisiones en el flujo del programa, en función del valor de la variable que se analice. Su sintaxis es la siguiente: switch (variable)  { case valor 1: sentencia 1; break; case valor 2: sentencia 2; break; default: sentencia por defecto; } Vemos el funcionamiento de switch-case en JavaScript en el siguiente vídeo-tutorial: Vídeo por Luis Sosa de 12bitsmediagroup.com

Gordon es un proyecto open source muy interesante que permite reproducir animaciones Flash (SWF) mediante JavaScript. El funcionamiento de Gordon se basa en la interpretación del fichero SWF (que contienen la animación Flash), reproduciendolo mediante gráficos vectoriales SVG. Tiene un par de problemas: primero que sólo trabaja animaciones con comandos básicos (antiguos), y segundo que su ejecución en el navegador es bastante ... sigue »

Un problema habitual en el diseño de sitios web es la limitación que nos encontramos a la hora de poder usar diferentes fuentes tipográficas. A veces queremos usar tal o cual fuente, pero no podemos (o no debemos), porque muy probablemente no esté instalada localmente en los ordenadores de nuestros visitantes, lo que supondría un problema. Una solución muy interesante es ... sigue »

El pasado 14 de enero se publicó la esperada versión 1.4 de la biblioteca JavaScript jQuery. “jQuery es una biblioteca o framework de Javascript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web (…) jQuery consiste ... sigue »

Another World (Out of this World) es un videojuego clásico creado en 1991 por Éric Chahi, con unos gráficos y una puesta en escena adelantada a su época. Y aunque ésto no es noticia dentro del ámbito del desarrollo web, sí lo es la siguiente web donde podemos disfrutar de una versión de este juego programada exclusivamente en JavaScript. El parecido ... sigue »