Javascript

Bluff: gráficas mediante Javascript

ByLuis September 17, 2008

Bluff es un script que nos permite realizar gráficas de forma sencilla en Javascript. Es necesario incluir la librería JS.Class para que simule canvas en IE.

Crear gráficas es muy sencillo y solo deberemos incluir un script parecido a este:

<canvas id="example"></canvas>
<script type="text/javascript">
var g = new Bluff.Line('example', 400);
g.theme_37signals();
g.title = 'My Graph';
g.data('Apples', [1, 2, 3, 4, 4, 3]);
g.data('Oranges', [4, 8, 7, 9, 8, 9]);
g.data('Watermelon', [2, 3, 1, 5, 6, 8]);
g.data('Peaches', [9, 9, 10, 8, 7, 9]);
g.labels = {0: '2003', 2: '2004', 4: '2005'};
g.draw();
</script>

Bluff

Javascript

Stanford Javascript Crypto Library

ByLuis July 1, 2010

Stanford Javascript Crypto Library es una librería Javascript que permite encriptar y desencriptar de forma muy segura, potente, rápida, sencilla, ligera y compatible con navegadores.

sjcl.encrypt("password", "data")
sjcl.decrypt("password", "encrypted-data")

Usa el algoritmo estándar AES de 128, 192 o 256 bits, la función hash SHA256, el código de autenticación HMAC, PBKDF2, y los modos CCM y OCB… vamos, todo muy seguro.

Stanford Javascript Crypto Library

Vía / DZone

Javascript

Hapi.js+Vue.js Crear servidor backend

ByLuis April 27, 2019June 9, 2019

El primer paso va a ser crear el entorno del servidor, para ello creamos un directorio e inicializamos el proyecto ejecutando:

npm init

Rellenamos todos los datos que nos van pidiendo para configurar el proyecto.

Ya tenemos el proyecto creado, ahora iremos instalando las librerías que necesitamos, en este caso hapi y glue.

npm i @hapi/hapi

npm i @hapi/glue

¿Qué es glue? Glue es un plugin que permite configurar el servidor de forma fácil.

Ahora creamos el fichero index.js e insertamos el siguiente código:

const Glue = require( '@hapi/glue' );

const manifest = {
	server: {
		port: 3001,
	},
};

const options = {
	relativeTo: __dirname,
};

const startServer = async function() {
	try {
		const server = await Glue.compose( manifest, options );
		await server.start();
		console.log( 'hapi days!' ); // eslint-disable-line
	} catch ( err ) {
		console.error( err ); // eslint-disable-line
		process.exit( 1 );
	}
};

startServer();

Fácil de entender, ¿no? Creamos el servidor usando Glue con el manifest y las opciones, y arrancamos el servidor.

Listo, accedemos a http://localhost:3001 para comprobar que funciona. Nos devolverá error 404 porque por ahora no hay definidas routes.

¿Cómo se arranca el servidor? podríamos usar directamente node, pero mejor usaremos nodemon. Primero lo instalamos:

npm i --save-dev nodemon

Y ejecutaremos lo siguiente para arrancar el servidor:

npm run start

Puedes obtener el código en GitHub hapi-vue-demo 0.1.0

Javascript

Ejemplos de javascripts optimizados

ByLuis February 27, 2007

Si el otro dÃa os contÃ¡bamos cÃ³mo agilizar tus javascripts, hoy os hacemos referencia a ejemplos sobre esos consejos.
Aunque si soy sincero, no tengo muy claro que se gane mucho tiempo cargando dinÃ¡micamente los scripts y retrasando la ejecuciÃ³n para esperar a que se cargue. O si realmente hay diferencia, que no serÃ¡ mucha y menos con las velocidades que suele tener actualmente la mayoria de la gente, si merece la pena tanta cosa. Si el script lo cargamos inicialmente y luego lo utilizamos en todas nuestras pÃ¡ginas, la optimizaciÃ³n serÃa suficiente.
Yo creo que la mejor soluciÃ³n es no tirar tanto de librerÃas y crear los scripts necesarios para tu aplicaciÃ³n.
Speed Up Your Javascript, Part 2: Downloadable Examples!
VÃa / Dzone

AJAX | css | Firefox | Javascript | XHTML

Nueva versión de FireBug

ByLuis May 25, 2006

Ya hablamos en su dÃa de FireBug, una extensiÃ³n que nos permite depurar nuestras aplicaciones web. La nueva versiÃ³n tiene una gran novedad, “debuguear” Javascript. Ahora es posible poner puntos de ruptura, ejecutar el cÃ³digo paso a paso, inspeccionar variables, comprobar cÃ³digo, … Si antes ya era indispensable, ahora es totalmente obligatorio para cualquier desarrollador (vale, quizÃ¡s me he pasado). A parte de el debugger hay otra serie de cambios que no dejan de tener importancia.
FireBug
VÃa / SitePoint

How to | Javascript | XHTML

Laboratorio: listas con descripción en HTML

ByLuis August 21, 2006

Muchas veces el diseÃ±o que creamos nos hace usar listas no ordenadas, las cuales queremos que tengan descripciÃ³n, pero por la falta de espacio, queremos que esta ocupe poco espacio.

Para crear este efecto, usaremos una lista y una capa por cada descripciÃ³n que queremos mostrar, a parte de un script que mostrarÃ¡ la descripciÃ³n cuando pasamos el ratÃ³n sobre el elemento de la lista.

Javascript

Librería Javascript para crear un escritorio

ByLuis December 17, 2007

Una buena librerÃa Javascript para crear un entorno de escritorio en nuestra pÃ¡gina web.
Permite crear ventanas, con sus opciones mÃ¡s comunes (maximizar, minimizar, mover, redimensionar, bloquear el tamaÃ±o, …). A parte una barra de tareas con las ventanas abiertas y un menÃº. Y por Ãºltimo la posibilidad de aÃ±adir iconos en el escritorio.

Widget Environment
VÃa / dzone

Similar Posts