SlideShare una empresa de Scribd logo
web sockets
aplicaciones en tiempo real
Betabeers Madrid
@miquelcamps
Licencia para matar (bugs).
Programador frontend 4visionshq.com
26 años.
Alcorcón.
- Conceptos
- Empezar con heroku
- Estructura app node.js
- Hello world en node.js
- Demos
- Entender código
Índice
Javascript en el lado del servidor.
Ryan Dahl (2009)
node.js
Heroku
Plataforma como servicio.
Salesforce.com (2007)
Librería javascript para hacer aplicaciones web
en tiempo real.
Guillermo Rauch (2011)
socket.io
AJAX vs Web Socket
AJAX: Cliente -> Servidor
Web Socket: Cliente <-> Servidor
- Procfile (heroku)
- package.json
- main.js / app.js
Estructura app node.js
Procfile (heroku)
web: node app.js
package.json
{
"name": "mi app",
"version": "0.0.1",
"dependencies": {
"express": "latest",
"socket.io": "latest"
}
}
app.js - hello world
var http = require('http');
var server = http.createServer(function (request, response) {
response.writeHead(200, {'Content-Type': 'text/plain'});
response.end('Hello World');
});
server.listen( process.env.PORT );
Empezar con heroku
1- Registrate
http://heroku.com
2- Crear llave SSH
https://devcenter.heroku.com/articles/keys
3- Clonar repositorio
git clone git@heroku.com:[proyecto].git -o heroku
4- Primer commit
git add .
git commit -m "info commit"
git push heroku master
¿Para que puede ser interesante
tener tiempo real aparte de un chat?
- Videojuegos
- Domotica
- Discotecas
- Conciertos
https://github.com/miquelcamps/websockets_lab

Más contenido relacionado

Destacado

Xculpture
XculptureXculpture
Xculpture
betabeers
 
Trabalho
TrabalhoTrabalho
A voz do trab certo
A voz do trab certoA voz do trab certo
A voz do trab certo
sintrap
 
La Vega Media (Murcia)
La Vega Media (Murcia) La Vega Media (Murcia)
La Vega Media (Murcia)
Apala .
 
Trabalho inf sociedade (1)
Trabalho inf sociedade (1)Trabalho inf sociedade (1)
Trabalho inf sociedade (1)
Carlos Rogerio Pereira Pereira
 
Cabezo de d'or & Cuevas de Canelobre (Alicante)
Cabezo de d'or & Cuevas de Canelobre (Alicante)Cabezo de d'or & Cuevas de Canelobre (Alicante)
Cabezo de d'or & Cuevas de Canelobre (Alicante)
Apala .
 
Gamefinder - hackathon betabeers v3
Gamefinder - hackathon betabeers v3Gamefinder - hackathon betabeers v3
Gamefinder - hackathon betabeers v3
betabeers
 
Lista de participantes inscritos para la charla "Como formalizar una empresa"
Lista de participantes inscritos para la charla "Como formalizar una empresa"Lista de participantes inscritos para la charla "Como formalizar una empresa"
Lista de participantes inscritos para la charla "Como formalizar una empresa"
Lima Innova
 
Apresentação de Processos Infecciosos e Parasitários
Apresentação de Processos Infecciosos e ParasitáriosApresentação de Processos Infecciosos e Parasitários
Apresentação de Processos Infecciosos e Parasitários
brunna queiroz
 
Urgente por Facundo Cabral
Urgente por Facundo CabralUrgente por Facundo Cabral
Urgente por Facundo Cabral
Andrés Barrezueta De Reguero
 
Arte moderna
Arte modernaArte moderna
Arte moderna
Fernanda Oliveira
 
Epidemiologia e Saúde Pública
Epidemiologia e Saúde PúblicaEpidemiologia e Saúde Pública
Epidemiologia e Saúde Pública
brunna queiroz
 
Hayedo riofrío de riaza.
Hayedo riofrío de riaza. Hayedo riofrío de riaza.
Hayedo riofrío de riaza.
rosa1957
 
Columbares (Murcia)
Columbares (Murcia)Columbares (Murcia)
Columbares (Murcia)
Apala .
 
Resume Christopher M. Bonfield
Resume Christopher M. BonfieldResume Christopher M. Bonfield
Resume Christopher M. Bonfield
Christopher Bonfield
 
Certificação digital
Certificação digitalCertificação digital
Certificação digital
Carlos Rogerio Pereira Pereira
 
Curso educ rol tutor
Curso educ rol tutorCurso educ rol tutor
Curso educ rol tutor
Monica Bataglia
 
Els fets de maig de 1937 estany i castro
Els fets de maig de 1937 estany i castroEls fets de maig de 1937 estany i castro
Els fets de maig de 1937 estany i castroToni Guirao
 

Destacado (20)

Xculpture
XculptureXculpture
Xculpture
 
Trabalho
TrabalhoTrabalho
Trabalho
 
A voz do trab certo
A voz do trab certoA voz do trab certo
A voz do trab certo
 
La Vega Media (Murcia)
La Vega Media (Murcia) La Vega Media (Murcia)
La Vega Media (Murcia)
 
Trabalho inf sociedade (1)
Trabalho inf sociedade (1)Trabalho inf sociedade (1)
Trabalho inf sociedade (1)
 
Cabezo de d'or & Cuevas de Canelobre (Alicante)
Cabezo de d'or & Cuevas de Canelobre (Alicante)Cabezo de d'or & Cuevas de Canelobre (Alicante)
Cabezo de d'or & Cuevas de Canelobre (Alicante)
 
Gamefinder - hackathon betabeers v3
Gamefinder - hackathon betabeers v3Gamefinder - hackathon betabeers v3
Gamefinder - hackathon betabeers v3
 
Lista de participantes inscritos para la charla "Como formalizar una empresa"
Lista de participantes inscritos para la charla "Como formalizar una empresa"Lista de participantes inscritos para la charla "Como formalizar una empresa"
Lista de participantes inscritos para la charla "Como formalizar una empresa"
 
Apresentação de Processos Infecciosos e Parasitários
Apresentação de Processos Infecciosos e ParasitáriosApresentação de Processos Infecciosos e Parasitários
Apresentação de Processos Infecciosos e Parasitários
 
Urgente por Facundo Cabral
Urgente por Facundo CabralUrgente por Facundo Cabral
Urgente por Facundo Cabral
 
Arte moderna
Arte modernaArte moderna
Arte moderna
 
Epidemiologia e Saúde Pública
Epidemiologia e Saúde PúblicaEpidemiologia e Saúde Pública
Epidemiologia e Saúde Pública
 
Hayedo riofrío de riaza.
Hayedo riofrío de riaza. Hayedo riofrío de riaza.
Hayedo riofrío de riaza.
 
Columbares (Murcia)
Columbares (Murcia)Columbares (Murcia)
Columbares (Murcia)
 
Resume Christopher M. Bonfield
Resume Christopher M. BonfieldResume Christopher M. Bonfield
Resume Christopher M. Bonfield
 
Certificação digital
Certificação digitalCertificação digital
Certificação digital
 
Curso educ rol tutor
Curso educ rol tutorCurso educ rol tutor
Curso educ rol tutor
 
Els fets de maig de 1937 estany i castro
Els fets de maig de 1937 estany i castroEls fets de maig de 1937 estany i castro
Els fets de maig de 1937 estany i castro
 
Anjal mate 3
Anjal mate 3Anjal mate 3
Anjal mate 3
 
Diversidad alumnado
Diversidad alumnadoDiversidad alumnado
Diversidad alumnado
 

Similar a Web sockets

Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
guest976d083
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
Angel Ruiz
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
guestd24c393
 
Ajax
AjaxAjax
Opensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN StackOpensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN Stack
Pedro J. Molina
 
Microservicios sobre MEAN Stack
Microservicios sobre MEAN StackMicroservicios sobre MEAN Stack
Microservicios sobre MEAN Stack
Pedro J. Molina
 
Web20
Web20Web20
Web20
UJAP
 
J query
J queryJ query
PHPAJAX
PHPAJAXPHPAJAX
PHPAJAX
rodasc
 
Tecnologías para microservicios
Tecnologías para microserviciosTecnologías para microservicios
Tecnologías para microservicios
Pedro J. Molina
 
Juegos html5
Juegos html5Juegos html5
Juegos html5
Willy Aguirre
 
Ajax
AjaxAjax
Ajax
AjaxAjax
Ajax
AjaxAjax
Ajax
ousli07
 
Taller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASITaller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASI
JuanPolanco
 
La web como Plataforma con Dojo Toolkit
La web como Plataforma con Dojo ToolkitLa web como Plataforma con Dojo Toolkit
La web como Plataforma con Dojo Toolkit
Alex Fuentes
 
An evening with ... Ionic Framework Meetup
An evening with ... Ionic Framework Meetup An evening with ... Ionic Framework Meetup
An evening with ... Ionic Framework Meetup
Arkhotech
 
Presentacion Monografia
Presentacion MonografiaPresentacion Monografia
Presentacion Monografia
GEOVAN21
 
Charla
CharlaCharla
Charla
yanetzis
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
iagardea
 

Similar a Web sockets (20)

Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Ajax
AjaxAjax
Ajax
 
Opensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN StackOpensouthcode: Microservicios sobre MEAN Stack
Opensouthcode: Microservicios sobre MEAN Stack
 
Microservicios sobre MEAN Stack
Microservicios sobre MEAN StackMicroservicios sobre MEAN Stack
Microservicios sobre MEAN Stack
 
Web20
Web20Web20
Web20
 
J query
J queryJ query
J query
 
PHPAJAX
PHPAJAXPHPAJAX
PHPAJAX
 
Tecnologías para microservicios
Tecnologías para microserviciosTecnologías para microservicios
Tecnologías para microservicios
 
Juegos html5
Juegos html5Juegos html5
Juegos html5
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Taller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASITaller Ajax en Asp EXPOASI
Taller Ajax en Asp EXPOASI
 
La web como Plataforma con Dojo Toolkit
La web como Plataforma con Dojo ToolkitLa web como Plataforma con Dojo Toolkit
La web como Plataforma con Dojo Toolkit
 
An evening with ... Ionic Framework Meetup
An evening with ... Ionic Framework Meetup An evening with ... Ionic Framework Meetup
An evening with ... Ionic Framework Meetup
 
Presentacion Monografia
Presentacion MonografiaPresentacion Monografia
Presentacion Monografia
 
Charla
CharlaCharla
Charla
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 

Más de betabeers

IONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformaIONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataforma
betabeers
 
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
betabeers
 
Blockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar LageBlockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar Lage
betabeers
 
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica MediavillaCloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
betabeers
 
Desarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo QuilónDesarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo Quilón
betabeers
 
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito -  Jon Torrado - Betabeers BilbaoLa línea recta hacia el éxito -  Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
betabeers
 
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
betabeers
 
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
betabeers
 
Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)
betabeers
 
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
betabeers
 
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
betabeers
 
Elemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de UsoElemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de Uso
betabeers
 
Seguridad en tu startup
Seguridad en tu startupSeguridad en tu startup
Seguridad en tu startup
betabeers
 
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
betabeers
 
Buenas prácticas para la optimización web
Buenas prácticas para la optimización webBuenas prácticas para la optimización web
Buenas prácticas para la optimización web
betabeers
 
La magia de Scrum
La magia de ScrumLa magia de Scrum
La magia de Scrum
betabeers
 
Programador++ por @wottam
Programador++ por @wottamProgramador++ por @wottam
Programador++ por @wottam
betabeers
 
RaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoTRaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoT
betabeers
 
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
betabeers
 
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
betabeers
 

Más de betabeers (20)

IONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataformaIONIC, el framework para crear aplicaciones híbridas multiplataforma
IONIC, el framework para crear aplicaciones híbridas multiplataforma
 
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
Servicios de Gestión de Datos en la Nube - Jaime Balañá (NetApp)
 
Blockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar LageBlockchain: la revolución industrial de internet - Oscar Lage
Blockchain: la revolución industrial de internet - Oscar Lage
 
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica MediavillaCloud Learning: la formación del siglo XXI - Mónica Mediavilla
Cloud Learning: la formación del siglo XXI - Mónica Mediavilla
 
Desarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo QuilónDesarrollo web en Nodejs con Pillars por Chelo Quilón
Desarrollo web en Nodejs con Pillars por Chelo Quilón
 
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito -  Jon Torrado - Betabeers BilbaoLa línea recta hacia el éxito -  Jon Torrado - Betabeers Bilbao
La línea recta hacia el éxito - Jon Torrado - Betabeers Bilbao
 
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
6 errores a evitar si eres una startup móvil y quieres evolucionar tu app
 
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
Dev ops.continuous delivery - Ibon Landa (Plain Concepts)
 
Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)Introducción a scrum - Rodrigo Corral (Plain Concepts)
Introducción a scrum - Rodrigo Corral (Plain Concepts)
 
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
Gestión de proyectos y consorcios internacionales - Iñigo Cañadas (GFI)
 
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
Software de gestión Open Source - Odoo - Bakartxo Aristegi (Aizean)
 
Elemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de UsoElemental, querido Watson - Caso de Uso
Elemental, querido Watson - Caso de Uso
 
Seguridad en tu startup
Seguridad en tu startupSeguridad en tu startup
Seguridad en tu startup
 
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
Spark Java: Aplicaciones web ligeras y rápidas con Java, por Fran Paredes.
 
Buenas prácticas para la optimización web
Buenas prácticas para la optimización webBuenas prácticas para la optimización web
Buenas prácticas para la optimización web
 
La magia de Scrum
La magia de ScrumLa magia de Scrum
La magia de Scrum
 
Programador++ por @wottam
Programador++ por @wottamProgramador++ por @wottam
Programador++ por @wottam
 
RaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoTRaspberryPi: Tu dispositivo para IoT
RaspberryPi: Tu dispositivo para IoT
 
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015 Introducción al Big Data - Xabier Tranche  - VIII Betabeers Bilbao 27/02/2015
Introducción al Big Data - Xabier Tranche - VIII Betabeers Bilbao 27/02/2015
 
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
PAYTPV Plataforma Integral de Cobros - VIII Betabeers Bilbao 27/02/2015
 

Web sockets