JavaScript

Hora de programación con Star Wars

Ya hemos hablado anteriormente del sitio Hour of Code. Un sitio web pensado para enseñar a programar a niños, aunque realmente para cualquiera que quiera introducirse en este mundillo.

La nueva clase se basa en el que es el tema de actualidad en círculos geek: Star Wars.

Tienes dos formas de poder hacer dicha clase: a través de bloques (al estilo scratch) o escribiendo código en Javascript, éste último para aquellos que se quieran acercar más a la programación real.

550 juegos de Atari 2600 en tu navegador

Aquí tenemos otro emulador escrito en javascript, por lo que todo lo que necesitas es un navegador.

Éste es un emulador sobre Atari 2600, una consola de vídeo juegos que fue lanzada en 1977 con el nombre de Atari VCS (Video Computer System). En 1982, tras el lanzamiento de la Atari 5200, adoptó su nombre final, Atari 2600, basado en el número de catálogo que la identificaba (CX2600).

Programando un Space Invaders en Javascript + HTML

Para los que se quieran iniciar en el mundo de la programación, en especial en el mundo de los juegos web o basados en HTML y Javascript, en Project Code, Dave Kerr ha iniciado un tutorial de como crear un juego estilo Space Invaders.

Ahora mismo sólo hay 2 entradas sobre dicho tutorial:

Pero con bastante contenido. De hecho, con lo publicado ya tienes un juego totalmente funcional, aunque no al 100%. En las siguientes entradas Dave se va enfocar en la potencia ofrecida por HTML5 y su Canvas, así como un framework Javascript que está dando mucho que hablar AngularJS.

El código fuente del proyecto se encuentra alojado en Github, para los que quieran echar un vistazo directamente al código fuente.

Simulador de IBM PC 8088 escrito en Javascript

PCjs es el nombre de un simulador de IBM PC 8088 escrito totalmente en Javascript y que por lo tanto puedes ejecutar en tu navegador.

Una de las cosas que me más me llamaron la atención de este simulador, es que es configurable y nos permite crear nuestros propios sistemas basados en la arquitectura mencionada IBM PC (PC XT). Te permite crear tu propio sistema personalizado. En el ejemplo de la documentación podemos ver por ejemplo la creación de un sistema con una velocidad de reloj de 4.77Mhz, 64Kb de RAM y pantalla monocromo, usando la ROM BIOS del IBM PC modelo 5150, pero podemos cambiar dichos parámetros a nuestros gustos y necesidades.

Aprende JavaScript jugando a un juego de fantasía

http://codecombat.com/

Echa también un vistazo al blog para más información.

Excelente idea para hacer más ameno el aprendizaje, sobre todo para niños … y no tan niños ;)

Remake de Super Mario Bros en HTML5 + Javascript

La combinación HTML5 + Javascript se ha convertido en una mezcla explosiva, la cual nos permite traer a nuestro navegador cosas impensables años atrás. Hemos visto como se ha portado juegos e incluso demos gráficas.

En esta entrada os enlazamos a un repositorio de Github donde podemos encontrar el juego de Super Mario Bros escrito totalmente en HTML5 y Javasctript.

El código fuente está bastante comentado, en caso de que te pique la curiosidad y quieras aprender algo del mismo. Y si lo que quieres es echar una partida, puedes ir a www.fullscreenmario.com (requiere Google Chrome, con Firefox no me funcionó y el resto de navegadores no los he probado). Si el sitio no funciona como me pasó a mi, puedes bajarte el fichero .zip con todo el contenido, y desde tu navegador, carga el fichero mario.html.

Vídeos de la JSConf US 2013

JSConf es una conferencia que se celebra por distintos lugares del mundo y que reúne a programadores y entusiastas del lenguaje de programación Javascript.

La edición celebrada en los EEUU este año tuvo lugar en Amelia Island, FL entre el 29 y 31 de mayo. Aquí tenéis la lista de los vídeos de las presentaciones:

Emulador OpenRisc 1000 en Javascript ejecutando Linux

Genial emulador de OpenRisc 1000 programado en Javascript que además está ejecutando un Linux para que podáis ir trasteando con el funcionamiento de esta estupenda iniciativa de crear “open hardware”.

En este enlace el autor nos hace una breve visita guiada al funcionamiento del emulador.

OpenRisc es una arquitectura Código Abierto pero de hardware creada por la comunidad OpenCores bajo licencia LGPL para crear CPU's tipo Risc.

Aquí en este enlace está el código fuente del emulador.

Intro original de Star Wars en HTML, CSS y JavaScript

En este enlace o haciendo click en la imagen que encabeza este post, puedes verlo en ejecución con su código fuente correspondiente en HTML, CSS y JavaScript.

Curvas de Bézier y Picasso

Pablo Picasso. Foto: Herbert List

Espectacular post de la fantástica web Math ∩ Programming donde nos explican la teoría y luego la parametrización de las Curvas de Bézier, usando como modelos algunos grabados de Picasso.

Curva Bézier (Wikipedia)

Finalmente, nos enseña a escribir código en Javascript para dibujar estas curvas y obtener algunos dibujos como el famoso grabado llamado "Perro":

"Perro" y parámetros para dibujarlo

Cómo perder peso en el navegador

El rendimiento de una aplicación web es fundamental. Al usuario no le gusta esperar y cada vez que acceda a tu aplicación web y se mueva por ella, quiere que sea amigable, de utilidad obviamente y por supuesto que sea rápida. Por ahí afuera puedes encontrar cientos o miles de sitios con trucos y buenas prácticas para hacer que tu sitio web responda lo más rápido posible.

Vídeos de CascadiaJS

CascadiaJS es una conferencia orientada a Javascript que se celebró en Seattle los pasados 8 y 9 de noviembre. Javascript es un lenguaje que cada vez está tomando más relevancia y no sólo en el mundo web sino también en los nuevos sistemas operativos de Microsoft, así que ya no es sólo un lenguaje para desarrolladores web.

Pues nada, aquí tenéis los vídeos de las charlas de CascadiaJS:

Aprende HTML5, CSS3 y Javascript... mirando

Para mi la mejor forma de aprender es ponerse manos a la obra y hacer por uno mismo lo que tengamos que hacer. Pero antes de poder ponernos a hacer nada, por lo menos en temas de programación, uno tiene que leer un poco antes o por lo menos ver como otros desarrollan una tarea parecida a la nuestra.

Desde mi punto de vista el leer sobre como funciona la plataforma o tecnología sobre la que vamos a trabajar es fundamental, pero también ayuda ver algún ejemplo.

Clásicos de Atari jugables desde el navegador

Desde Atari Arcade, podemos jugar a 8 clásicos reescritos en HTML y Javascript, es decir, jugables desde el navegador (Chrome me dio problemas, pero con Firefox funcionan muy bien. Deduzco que IE también funciona bien, ni idea sobre el resto).

Los juegos disponibles son:

Pero lo mejor de todo no son los juegos en si (al menos para mi ;)), sino que Atari Arcade es además una plataforma de juegos, en la que puedes desplegar tus propios juegos. Para ello Atari pone a disposición un conjunto de librerías (javascript) y documentación donde nos explican como podemos crear nuestros propios juegos y desplegarlos en dicha plataforma.

Fuente

Mario 5 escrito en Javascript, incluye código fuente

Son muchos los juegos y otras aplicaciones que se han portado al navegador creando estos en Javascript. Especialmente desde que se liberó HTML5 y CSS3. Estas dos tecnologías junto con la potencia infravalorada de Javascript se pueden hacer cosas muy interesantes.

En esta entrada nos van explicando paso a paso la creación de este Mario 5, con trozos de código, HTML y CSS y sus correspondientes explicaciones. Además si eres capaz de entender y seguir el artículo podrás incluso fácilmente extender este mismo juego.

Clippy (Clipo) ha vuelto para quedarse, como usarlo en tu página web, WTF!

Seguro que echabas de menos a Clippy (Clipo en español), ese "simpático" clip llamado también Microsoft Agent que aparecía en Office 97 (y que duró hasta el Office 2003) cuando, en teoría, lo necesitaba el usuario. El pobre Clipo fue machacado en su época por su habilidad de aparecer justo cuando menos lo necesitabas, una de las parodias es Vigor, un pluggin para vi que incluía un asistente que era como Clipo, un clip. Lo que ocurre es que no ofrecía ayuda o la que ofrecía no era útil. Por ejemplo si querías mover el cursor a la izquierda para editar una palabra, aparecía este clip diciendo "¿estás seguro que quieres moverte a la izquierda?" ;)

Moviendo personajes de Quake en 50 líneas de javascript

Usando el plugin tQuery.md2Character el cual incluye un suelo tipo ajedrez, niebla para marcar la profundidad, teclado para moverlo y por supuesto permite abrir los formatos de los personajes de DOOM y Quake, MD2 (puedes encontrar todos tus personajes favoritos de las sagas en este formato para jugar con ellos en planet-quake ó sitters-electronics).

Un juego de tetris programado en 140 bytes (más o menos el tamaño de un tweet de twitter)

¿Es posible escribir un programa que no sea más grande que un tweet de twitter, o sea, 140 bytes?. La página web 140byt.es dice que sí y lo ha demostrado programado un juego de Tetris que ocupa 140 bytes.

A eso se dedica dicha web, a recopilar programas en Javascript que no ocupen más que un SMS o un tweet.

Esta implementacion espectacular de un juego de Tetris en 140 bytes tiene sólo dos tipos de bloques (lo llaman "Tetris Binario") y no se puede rotar, pero en líneas generales se comporta como el juego original. Los bloques van cayendo desde la arriba de la pantalla y tienes que hacerlos encajar correctamente abajo. Puedes probar desde este enlace la demo.

Un juego "snake" dentro de un URI

Nos encantan en CyberHades este tipo de programas que creo podemos catalogar de “código ofuscado”. En esta ocasión el autor es capaz de hacer un juego tipo “snake ó nibble” en javascript y que encaje dentro de un URI. De hecho podrías poner todo el código del programa en un enlace (link) directamente.

Sólo tiene que copiar el código fuente en la barra del navegador (o pulsa aquí para probarlo, me ha funcionado en Firefox y Chrome).

Emulador de PC escrito en Javascript

Hace unos meses Fabrice Bellard nos deleitó, una vez más, con un emulador de PC escrito en javascript. El emulador emulaba, valga la redundancia los siguientes componentes:

CPU compatible 32 bit x86
Controlador de interrupciones programable 8259
Temporizador de interrupciones programable 8254
16450 UART
Reloj de tiempo real

Como demostración, el autor compiló un núcleo de Linux 2.6.20 y lo usó para poner en funcionamiento dicho emulador. Aquí podéis ver el emulador en acción. Impresionante como puedes ver, pero el sistema es volátil, es decir, que cuando salgas del mismo lo que hayas hecho se pierde.

Kevin van der Vlist le ha dado un vuelta de tuerca a este emulador y basándose en el mismo, ha añadido soporte de persistencia. Añadiendo al kernel un dispositivo de bloques y aprovechando la nueva API de almacenamiento local que nos ofrece HTML5, a través del emulador expone dicho dispositivo de datos al kernel de Linux emulando los mismos puertos de E/S (I/O) usados por la disquetera, es decir, lo que grabemos dentro del Linux se almacena en el almacenamiento local de nuestro navegador.

Además esta nueva versión arranca la, actualmente, última versión de Linux 3.0.4.

Dart, el nuevo lenguaje de programación web de Google

Hoy Google ha presentado su nuevo lenguaje llamado Dart anunciado como "familiar y natural". Está orientado a la programación web y es parecido a Java. Y cuando decimos parecido es porque actúa igual que Java y se ejecuta en una VM como Java. En cambio lleva una herramienta incorporada que convierte código Dart a Javascript.

El objetivo es introducir una VM de Dart que pueda ejecutar código en el servidor pero se supone que más rápido (igual que Node.js). El compilador cruzado Dart-to-Javascript permitirá ejecutar código Dart en cualquier navegador actual. También habrá una herramienta llamada Dartboard la cual funciona igual que una consola Javascript.

Un vistazo rápido a las matemáticas de las animaciones en JavaScript

Lecciones en JavaScript para programar efectos visuales de animaciones. Desde una sencilla línea, mover objetos usando la función seno y muchos más en este espectacular tutorial de SmashingMagazine.

Todo está documentado con código y muchos ejemplos, mira algunos de ellos:

No puedes perdértelo.

Los fantásticos videos educativos de codeschool

Codeschool es la web de un proyecto que básicamente su misión es hacer que aprendas lo más rápido y menos doloroso posible a programar. Está dividido en unidades cada una con un video que contiene preguntas, ejercicios y notas.

Voy a listar los vídeos que más nos han gustado en su canal de YouTube porque son realmente espectaculares (recuerda que puedes activar los subtítulos en cada uno de ellos):

La forma más divertida (e interactiva) de aprender Javascript

Dando un paseo por Reddit, he visto este post que habla sobre una web donde puedes aprender Javascript de una forma bastante divertida. La web ofrece un curso completo gratuito para programar donde además puedes ir guardando tus progresos (puedes crearte una cuenta). Las lecciones siempre se realizan utilizando una consola de comando. Los resultados de los ejercicios aparecen de forma inmediata, y esto además de motivar lo hace más claro para programadores nóveles.

Popularidad de los frameworks Javascript (Infografía)

Fuente

Colección de trucos avanzados de programación Javascript

(pulsa aquí para ver en grande la Cheat Sheet de Javascript)

Pequeños y útiles programas realizando todo tipo de operaciones en Javascript.

Algunos ejemplos:

Append an array to another array
Milliseconds since epoch
Simulate threads using yield operator
prefix an integer with zeros
shuffle the Array
multi-line text
Escape and unescape HTML entities
Remove an object from an array
... y muchos más

No te lo pierdas, seguro que hay alguna que hace falta, es una buena referencia para el programador.

Visto en HackersNews y aquí el post original, de Google Code.

Javascript Frameworks y jQuery (Infografía)

Fuente

Emulador de Game Boy escrito en Javascript: Temporizadores

Y una entrega más de este impresionante tutorial que nos explica como escribir un emulador de Game Boy en Javascript.

En ésta, su autor nos habla de los temporizadores o Timers.

Aquí tenéis las entradas anteriores:

La CPU La Memoria La GPU Gráficos Integración Entrada de datos Sprites Interrupciones Bancos de memoria

How to Code, lecciones desde LifeHacker para aprender a programar

Curso express (en inglés) para programar usando JavaScript como modelo para poder escribir el código con cualquier editor de texto y luego ver fácilmente el resultado en un navegador. JavaScript es un lenguaje tipo ECMA, lo que hace más fácil comprender otros lenguajes similares como ActionScript y también puede ser una buena base para luego lidiar con lenguajes orientados a objetos.

Este curso está compuesto por 4 partes y un epílogo. Todas ellas constan de un video en alta calidad y un post explicando el contenido de cada parte como el que encabeza este post.

Árbol de Navidad en Javascript

Javascript uno de los lenguajes de programación más mal entendidos, no deja de impresionarme. Especialmente cuando lo pones en manos de genios.

En este caso, Román Cortés, nos deleita con su algoritmo, con el que ha concursado en la competición de demos de menos de 1k (segunda edición, motivos navideños), con este magnífico árbol de Navidad.

¡Buena suerte!

Emulador de Game Boy escrito en Javascript: Bancos de memoria

Nueva entrega de este magnífico tutorial. En este caso veremos el uso de bancos de memoria, o la necesidad del swapping cuando nuestro juego completo no cabe en la memoria.

Aquí tenéis las entradas anteriores:

La CPU La Memoria La GPU Gráficos Integración Entrada de datos Sprites Interrupciones

Curso de javascript

Javascript 101 es un curso de 10 horas de duración, en formato audio, para principiantes. El curso cubre no sólo la sintaxis básica de este lenguaje, sino que da un repaso a los objetos, AJAX e incluso cubre una hora de jQuery.

Además de los ficheros de audio (mp3), también tenemos a disposición las diapositivas y los ejercicios que se usan en dicho curso.

Puedes descargar el archivo completo con todo el material desde aquí o aquí.

Emu8080, primer emulador de 8080 escrito en javascript

Emu8080, el primer emulador de 8080 escrito en javascript y HTML5, capaz de emular la disquetera, lector/escritor de tarjetas perforadas, impresora y un terminal VT100.

Emula una máquina CP/M completa. Aprovechando la tecnología que nos brinda el nuevo HTML5, usa WebSQL para emular dispositivos de almacenamiento de bloques, podemos montar dispositivos de cintas virtuales arrastrando ficheros de nuestro escritorio, etc.

El hecho de use HTML5, requiere que usemos un navegador que soporte dicha especificación. Ellos recomiendan Chrome o Safari.

Programación de juegos en Javascript usando el elemento Canvas

Parece que el elemento canvas, introducido en el nuevo HTML5, está dando mucho que hablar por la potencia que puede añadir al desarrollo de páginas web.

Y cuando mezclas este elemento con un lenguaje tan potente como es javascript, sólo la imaginación puede ponerte barreras a la hora de ser creativos. Y si no me crees echa un vistazo a esta página.

Si lo que te gustan son los juegos y no sólo jugar, sino también crearlos, experimentar, etc. Aquí tienes un tutorial compuesto por las siguientes secciones:

Emulador de Game Boy escrito en Javascript: Interrupciones

Ya está disponible la octava entrega de este gran tutorial. En este caso nos enfrentamos a las interrupciones, por explicarlo de una forma muy sencilla, está es la forma en que se supone que el hardware y el software se comunican cuando ocurre un evento.

Bueno mejor que le echéis un vistazo a este capítulo.

Si queréis seguir el tutorial completo, aquí tenéis la lista de los anteriores:

La CPU La Memoria La GPU Gráficos Integración Entrada de datos Sprites

Vídeo tutoriales sobre Javascript

Si ayer os dejaba una gran colección de vídeo tutoriales sobre Ocjetive-C, hoy os la dejo sobre Javascript.

Este lenguaje que muchos han querido matar, pero que con cada innovación que ha experimentado la web no ha hecho más que ganar enteros ¿alguien dijo AJAX? Y claro ahora llega el nuevo HTML5 y la mezcla es explosiva. Y para muestra un botón.

Mi recomendación es que te pongas al día con Javascript, si te dedicas a programar claro está, porque la cosa está calentita.

Emulador de Game Boy escrito en Javascript: Sprites

En esta ocasión, Imran Nazar nos explica en su nueva entrada el uso de sprites, bloques de datos (gráficos) que movemos por la pantalla independientemente del fondo (background).

La CPU La Memoria La GPU Gráficos Integración Sprites

Emulador de Game Boy escrito en Javascript: Entrada de datos

En una nueva entrega, la sexta, el autor nos conduce a través de la entrada de datos en el emulador. Obviamente parte esencial para cualquier software que necesite interactuar con el usuario.

La CPU La Memoria La GPU Gráficos Integración

Concurso de programación demos de 1kB en JavaScript

Analizando el código fuente de estas maravillas es como realmente se aprende a programar de verdad. No os perdáis las demos de este concurso de sólo un 1kB programados en JavaScript, sin usar librerías externas.

Web oficial de concurso aquí.

He visto este post en Barrapunto y recomiendan un juego de ajedrez y otro de plataformas.

Algunos más que me han gustado:

Generador de Laberintos.

Juego de naves espaciales.

Jardín con viento.

Creador de laberintos y resolución.

Emulador de Game Boy escrito en Javascript: Integración

Esta es la quinta entrega de este tutorial. En esta parte el autor nos cuenta como usar los registros para mapear los graficos y poder comunicarnos con la GPU.

Aquí tenéis las entradas anteriores.

La CPU La Memoria La GPU Gráficos

Emulador de Game Boy escrito en Javascript: Gráficos

En esta cuarta entrega de este magnífico tutorial, nos encontramos con el manejo de gráficos: paleta, fondo de pantalla, renderizado, etc.

Aquí os dejo las tres primeras entradas:

La CPU La Memoria La GPU

Emulador de Game Boy escrito en Javascript: La Memoria

Ya podemos leer el segundo post sobre la emulación de una Game Boy en javascript. En esta ocasión trata sobre el funcionamiento de la memoria.

Ya hablamos del primer post aquí el cual hablaba sobre la CPU.

Emulador de Game Boy escrito en Javascript

jsGB es un emulador de Game Boy escrito en Javascript y usando el nuevo estándar HTML5. El proyecto aún no está terminado ni mucho menos, está una fase muy beta. Por ejemplo ahora mismo no dispone de sonido, las ROMs estás cargadas desde el mismo código, es decir, no puedes cargar cualquier ROM, etc.

Y te preguntarás, que para escribo sobre este emulador. Pues prácticamente por los artículos que uno de los desarrolladores está escribiendo sobre como funciona el emulador en sí. Si alguna vez te ha interesado este tema de la emulación, esta es una gran oportunidad para aprender bastante. No sé con que frecuencia sacará los artículos, pero el primero ya lo puedes leer aquí (La CPU). Y como ya he comentado el emulador está en una fase muy temprana, así que será más fácil de seguir los posts.

45 Técnicas y herramientas útiles (y nuevas) para JavaScript y JQuery

En esta selección podrás encontrar desde calendarios, formularios, botones, navegación, debugging, optimización, etc. También algunos plugins JQuery para ayudarte a extender la funcionalidad de tu web y aumentar la experiencia del usuario con componentes preparados para usar o soluciones con código.

La última parte también ofrece recursos útiles para aprender, por ejemplo, a mejorar la compilación, técnicas de programación JavaScript, algunos frameworks de JavaScript, etc.

Todo en la fantástica SmashingMagazine.

Google Closure Tools

closure

Google ha hecho público lo que ellos llaman Closure Tools. Es un conjunto de herramientas que nos ayudarán con el desarrollo en JavaScript de nuestras aplicaciones web.

Closure compiler Esta herramienta, básicamente lo que hace es comprimir nuestros ficheros JavaScript, eliminando los espacios en blanco y sustituyendo las variables por nombres más cortos. Además de eso, también es capaz de detectar errores comunes en dicho lenguaje. Junto con este compilador, también puedes usar Closure Inspector. Éste es una extensión para Firebug, que te permitirá depurar tu código JavaScipt ofuscado como si no lo estuviera. El compilador esta disponible en tres formas distintas: línea de comandos, aplicación web y API RESTful.

10 Técnicas impresionantes y ejemplos de animación con jQuery

Si programas páginas web, conoceras seguro jQuery. Esta impresionante biblioteca de Javascript te permite crear, entre otras muchas cosas, alucinantes animaciones para tus páginas. Todo lo que necesitas es aprender a manejar su API que es bastante intuitiva, y con un poco de creatividad podrás crear efectos como estos:

Efectos de humo. Ejemplo.

Tarjetas animadas. Ejemplo.

Efectos de flotación de objetos, reflejos y sombras. Ejemplo.

Efectos de scroll para el fondo. Ejemplo.

JSNES

jsnes

JSNES es un emulador de NES escrito en JavaScript. Es impresionante el potencial de este lenguaje. En mi Firefox el emulador se medio muere y a penas pasa de los 10 fps, pero parece ser que en Chrome corre bastante bien. Ahora mismo dispongo de Chrome, as’i que si alguien lo tiene instalado y quiere dejar un comentario de como corre el emulador, se agradecerá. O si alguien lo quiere probar con Opera, Safari y compañía, pues más de lo mismo.

Tutorial para hacer una extensión de Twitter para Chrome

load_after

En ArsTechnica nos enseñan a crear nuestra primera extensión para Chrome ,donde aprenderemos a incrustar una barra de herramientas con un cliente de Twitter directamente en el navegador.

Las extensiones en Chrome están creadas en HTML y Javascript, esto es una gran ventaja ya que son los lenguajes más utilizados en la web. Además para acceder a todas las funcionalidades del navegador (ventanas, pestañas, favoritos ...) , se realiza a través de una API hecha en JavaScript.

TraceMonkey

complexity

Como ya publicamos aquí hace un tiempo, una de las características de la nueva versión de Firefox, es el uso de un nuevo motor llamado TraceMonkey, el cual, acelera bastante la ejecución de código JavaScript. Pues bien, en el Blog de Mozilla Hacks, han publicado un artículo de como funciona este nuevo motor, como mejora el rendimiento y da algunas pistas de como optimizar nuestro código JavaScript para que corra más rápido sobre el mismo.

Consejos para hacer la Web más rápida (por Google)

En Google Code nos ofrecen varios consejos de programación para optimizar nuestras páginas Web para hacerlas más rápidas. Viniendo de Google, tendremos que hacerles un poco de caso ¿verdad?.

Desde optimizar el código JavaScript a optmizar los gráficos Web, en este enlace podrás ver todos los consejos ofrecidos:

http://code.google.com/intl/es/speed/articles/

Los experimentos de Google con Chrome (en Javascript)

Recopilación de experimentos en Javascript para navegadores, por supuesto Google dice que funcionan mejor en Chrome. Son muy interesantes y llamativos.

Todos en:

http://www.chromeexperiments.com/

Visto en:

LifeHacker

JSINQ

javascript

JSINQ es una librería de Javascript que nos permite escribir consultas al estilo SQL, contra arrays y listas de nodos DOM. También te permite crear elementos HTML desde objetos Javascript (JSON), recibidos asíncronamente (AJAX), por ejemplo. Manipular documentos XML, etc.

Analizando código fuente JavaScript para decodificar Captchas

Siguiendo el hilo del post creado por nuestro colega tuxotron, vamos a ver cómo funciona un programa en JavaScript para pasar el test de un Captcha, en concreto para Megaupload.

Nuestro interés está por encima de pasar o no el test del Megaupload, radica en la compleja estructura del programa y el objetivo final del mismo, que no es otro que emular al ser humano a la hora de analizar una imágen.

Javascript y redes neuronales

javascript

Desde hace unos meses por necesidad laboral he tenido que escribir bastante código en Javascript. Javascript no es un lenguaje que que me haya llamado la atención y lo utilizaba lo menos posible, comprobar los campos de un formulario para alertar al usuario de alguna anomalía, aunque después también hiciera dicha comprobación en el lado del servidor. Desde hace un tiempo me hago la misma pregunta que se hacían en reddit ¿Alguien más ha odiado Javascript, pero últimamente se ha dado cuenta de que es un lenguaje bastante bueno y peculiar? Y es que cuanto más programo en Javascript más me está gustando. Además últimamente estoy viendo cosas muy interesantes, como un Mario Bros del que ya hablamos aquí o un algoritmo escrito por Shaun Friedle, donde demuestra como rellenar el captcha de Megaupload a través de una red neuronal escrita en Javascript. Y aquí una explicación de como funciona dicho algoritmo.

Escribiendo Aplicaciones Linux con Javascript

linux_tux

Interesante noticia en Slashdot. Traduzco literalmente.

El escritorio Gnome podría ofrecer la posibilidad de crear aplicaciones en Javascript gracias a un nuevo proyecto experimental llamado Seed. Ars Technica has escrito un tutorial detallado sobre Seed con varios ejemplos de código. El artículo demuestra como crear aplicaciones GTK+ en Javascript para Linux y explica como Javascript puede influenciar el futuro del desarrallo de Gnome. DE alguna manera, es una evolución de la estrategia pionera llevada a cabo por GNU con Scheme embebido. Ars Technica concluye: La disponibilidad de un lenguaje de script embebido en el escritorio para le extensión de aplicaciones y el desarrollo de plugins habilitará a los usuarios a añadir nuevas funcionalidades al entorno. Tal como esta tecnología vaya madurando e integrando con otros marcos de trabajo como Vala, podría cambiar la forma en el desarrollo de las aplicaciones. Javascript se podría usar como una capa de alto nivel para la manipulación del interfaz de usuario y rapido desarrollo, mientras que Vala o C son usados para tareas de rendimiento sensibles.

3D Tomb, juego tipo DOOM en 4Kb y JavaScript

Es del año pasado pero vaya pasada:

http://www.3dtomb2.com/about.php

Todo eso en 4Kb de código, impresionante.

Echar un vistazo a los apuntes técnicos.