Successfully reported this slideshow.
ROMPIENDO PARADIGMAS
AGENDA¿JavaScript en el lado del Servidor?¿Que es Node.js?Primeros Pasos con Node.jsHolaMundo en Node.js¿Un Framework para...
¿Porque JavaScript en el lado del          Servidor?●   JavaScript esta creciendo demasiado    (CommonJS)●   Gran cantidad...
¿Que es Node.js?●   Es una plataforma desarrollada con el V8 para    desarrollar aplicaciones web rápidas y    escalables....
Primeros Pasos con Node.js●   Instalación:    Descargar Node.js (GNU/Linux | Mac):    (Ejecutar lo siguiente en una termin...
●   Terminal Interactiva JavaScript    $ node          console.log(“GO TEAM!!!!XD”);●   HolaMundo.js    var http = require...
express●   Es un framework de desarrollo web para    Node.js●   Orientado a los verbos HTTP (GET, POST....)●   Middleware●...
●   Instalando Express:    $ sudo npm install -g express●   HolaMundo en Express    var express = require(express);    var...
Jade●       Es un motor de plantillas implementado con JavaScript        para Node.js                             Stylus● ...
DEMO
RECURSOS●   http://nodejs.org/●   http://expressjs.com/guide.html●   https://github.com/visionmedia/express/tree/master/ex...
Upcoming SlideShare
Loading in …5
×

Rompiendo paradigmas

1,606 views

Published on

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

  • Be the first to comment

  • Be the first to like this

Rompiendo paradigmas

  1. 1. ROMPIENDO PARADIGMAS
  2. 2. AGENDA¿JavaScript en el lado del Servidor?¿Que es Node.js?Primeros Pasos con Node.jsHolaMundo en Node.js¿Un Framework para Node.js (Express)?StylusJadeSocket.ioUna aplicación en tiempo real que rompeparadigmas Hacer mas con menos.........
  3. 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. 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. 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. 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. 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. 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. 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. 10. DEMO
  11. 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/

×