Node.js + Stylus +Jade + Socket.io + Express

1. ROMPIENDO PARADIGMAS

2. AGENDA
¿JavaScript en el lado del Servidor?
¿Que es Node.js?
Primeros Pasos con Node.js
HolaMundo en Node.js
¿Un Framework para Node.js (Express)?
Stylus
Jade
Socket.io
Una aplicación en tiempo real que rompe
paradigmas
Hacer mas con menos.........

3. ¿Porque JavaScript en el lado del
Servidor?
● JavaScript esta creciendo demasiado
(CommonJS)
● Gran cantidad del código en el desarrollo web
utiliza JavaScript (frameworks.....)
● Entornos de Ejecución para JavaScript (V8,
Rhino)
Profesionalismo en JavaScript

4. ¿Que es Node.js?
● Es una plataforma desarrollada con el V8 para
desarrollar aplicaciones web rápidas y
escalables.
● Conducida por eventos
● Soporte para la especificación CommonJS

5. Primeros Pasos con Node.js
● Instalación:
Descargar Node.js (GNU/Linux | Mac):
(Ejecutar lo siguiente en una terminal)
$ wget
http://nodejs.org/dist/v0.6.13/node-v0.6.13.tar.gz
$ ./configure --prefix=/opt/node
$ make
# make install
● Node Package Manager (npm)
$ node -v && npm -v

6. ● Terminal Interactiva JavaScript
$ node
console.log(“GO TEAM!!!!XD”);
● HolaMundo.js
var http = require(“http”);
http.createServer(function(req, res){
res.writeHead(200, {“Content-Type” : “text/plain”});
res.end(“Hola Mundon”);
}).listen(3000, “http://127.0.0.1:3000”);
● Debugging Interactivo
$ node –debug HolaMundo.js

7. express
● Es un framework de desarrollo web para
Node.js
● Orientado a los verbos HTTP (GET, POST....)
● Middleware
● Templating
● Routes (basadas en los verbos GET, POST, PUT,
DELETE,)
● Manejo de Errores
● View Rendering

8. ● Instalando Express:
$ sudo npm install -g express
● HolaMundo en Express
var express = require('express');
var app = express.createServer();
app.get('/', function(req, res){
res.send(“Hola Mundo!!!XD”);
});
app.listen(8080);
● Generando el Esqueleto de la Aplicación:
$ express -h

9. Jade
● Es un motor de plantillas implementado con JavaScript
para Node.js
Stylus
● Es un nuevo lenguaje, que proporciona una forma
eficiente, dinámica y expresiva para generar CSS.
Socket.io
● Permite crear aplicaciones en tiempo real en cada
navegador web. (100% JavaScript)

10. DEMO

11. RECURSOS
● http://nodejs.org/
● http://expressjs.com/guide.html
● https://github.com/visionmedia/express/tree/master/examples/
● http://www.commonjs.org/
● http://socket.io/
● https://github.com/visionmedia/jade
● https://github.com/LearnBoost/stylus
● http://jquery.com/
● https://github.com/LearnBoost/mongoose
● http://nodetuts.com/