Portafolio

El Blog

Compartiendo un poco con ustedes

martes, abril 22, 2014

Introducción Rápida a Nodejs

Como el título lo dice, esta es una guía rápida a Nodejs.
Nodejs es una plataforma hecha en Javascript con la idea de que podamos crear de manera fácil y rápida nuestras aplicaciones.

Lo primero que necesitamos es descargar Nodejs desde su sitio web oficial: nodejs.org
En el caso de Windows los pasos para instalarlo son de la típica forma en que estamos acostumbrados,, por lo que no hay mayor dificultad.
Para comprobar si instalamos bien Nodejs, podemos abrir la consola y escribir:


node -v
Esto nos dará la versión que tenemos en nuestra máquina.

Hola Mundo en Nodejs

Para hacer nuestro "Hola Mundo" necesitamos crear un archivo con extensión .js y escribir:


console.log("Hola Mundo en Nodejs");
En mi caso el archivo se llama holamundo.js, para ejecutarlo escribo lo siguiente en la consola:

node holamundo
Y se nos muestra en pantalla nuestro saludo

Un Web Server sencillo

Para hacer un Web Server con nodejs, hacemos uso del módulo http que este trae.
Creamos otro archivo .js, en mi caso lo llamaré web_server.js, dentro escribo lo siguiente:

//Simple Web Server en nodejs
// Cargamos el modulo "http"
var http = require('http');
 
// Creamos un servidor HTTP
// - las consultas vienen desde el cliente
// - la respuesta va para el cliente

http.createServer(function(request, response) {
 
  // Enviamos el codigo de estado http  "200 - ok" a la respuesta 
  // y definimos nuestro tipo de contenido en  "text/plain"

  response.writeHead(200, {'Content-Type': 'text/plain'});
 
  // devolvemos una respuesta

  response.end('Hola Mundo desde un web server en nodejs');
 
// Aceptamos la conexion, dando un puerto y una IP
}).listen(1337, '127.0.0.1');
 
// Le dice al usuario que la dirección está lista
console.log('Servidor corriendo en http://127.0.0.1:1337/');

Para ejecutarlo escribimos en la consola:

node web_server
Si todo ha salido bien, abrimos nuestro navegador e ingresamos a http://127.0.0.1:1337/ . Y podremos ver nuestro mensaje.
Esto es algo muy básico para iniciar con Nodejs, si les interesa saber más visiten la documentación del mismo en: http://nodejs.org/api/

miércoles, marzo 12, 2014

Efecto de apagar/encender luces


De seguro alguna vez has entrado a una página para ver alguna película o un vídeo y te aparece un botón que dice "Apaga las luces" y al presionarlo el fondo se vuelve oscuro haciendo el efecto de dejar únicamente el vídeo visible. Si haz querido saber como hacer ese efecto aquí te lo enseño.

Aquí podemos funcionando el efecto:




Solo necesitamos algunas instrucciones css y un poco de JQuery. En el cuadro de arriba puedes consultar el código.

Cualquier duda o comentario, no dejen de hacérmelo saber. :D