19

Node.js & socket.io

Download PDF Report

Upload
alon-nativ
View
37
Download
0

Tags:

Embed Size (px)

DESCRIPTION

In this slides we cover a bit about the history of the web, why we should use socket.io and a demo about node.js

Citation preview

Page 1: Node.js & socket.io

Page 2: Node.js & socket.io

Node.JS, Socket.IOand the

Real-Time WebAlon Nativ

Page 3: Node.js & socket.io

Alon Nativ

@anativ [email protected]

Page 4: Node.js & socket.io

Why are we here?

Page 5: Node.js & socket.io

Why Sockets?

Page 6: Node.js & socket.io

History

Page 7: Node.js & socket.io

Web history

dfasdsfasdfasd

Real Time Apps

dfasdsfasdfasd

AJAX Apps

dfasdsfasdfasd

Static Docs

dfasdsfasdfasd

Dynamic Docs

Page 8: Node.js & socket.io

HTTP

Client (browser)

Request

Response

Don't call me I'll call you!

But I have something to say

Server

Page 9: Node.js & socket.io

Ajax Polling

Client (browser)

Anything?

No!

Anything?

No!

Anything?

Yes!

Page 10: Node.js & socket.io

Long Polling

Client (browser)

Anything?

Yes

Server

Anything?

Page 11: Node.js & socket.io

Sockets

Client (browser) Server

let's Talk

Page 12: Node.js & socket.io

Sockets and the Web

WebSocket

Flash Socket

AJAX Long Polling

AJAX Multipart streaming

Forever Iframe

JSONP Polling

Page 13: Node.js & socket.io

How can we handle all the formats?

Page 14: Node.js & socket.io

Server?

Page 15: Node.js & socket.io

We need a server

Page 16: Node.js & socket.io

Let the coding begin... Client

Server

Page 17: Node.js & socket.io

Demo...

http://bit.ly/techmeetup1 http://socket-io-canvas.herokuapp.com/

http://bit.ly/techmeetup1

http://bit.ly/techmeetup1

http://socket-io-canvas.herokuapp.com/

Page 18: Node.js & socket.io

Node.js - http://nodejs.org/Socket.IO - http://socket.io/Demo Site - http://bit.ly/techmeetup1Demo Code - https://github.com/anativ/collaborative-canvas

Read more...

http://nodejs.org/

http://socket.io/

http://bit.ly/techmeetup1

https://github.com/anativ/collaborative-canvas

Page 19: Node.js & socket.io

@anativ

Thanks

@anativ

Study of HTML5 WebSocket for a Multimedia Communication · Socket.io - Real-time application framework for Node.js . The crucial differences between pre-HTML5 communication methods

Study of HTML5 WebSocket for a Multimedia Communication · Socket.io - Real-time application framework for Node.js . The crucial differences between pre-HTML5 communication methods

Documents

Socket.io under the hood

Socket.io under the hood

Technology

socket.io on SmartFx

socket.io on SmartFx

Software

Stanislas Poison · 2019-11-19 · Full Stack Web Developer * Formation présentiel Node.js / Socket.io, HTML 5, CSS 3, JavaScript (jQuery / ES5 / X-API), PHP 5.6, MySQL, Raspberry

Stanislas Poison · 2019-11-19 · Full Stack Web Developer * Formation présentiel Node.js / Socket.io, HTML 5, CSS 3, JavaScript (jQuery / ES5 / X-API), PHP 5.6, MySQL, Raspberry

Documents

Socket.io (part 1)

Socket.io (part 1)

Internet

Express & Socket.IO TA: Henrique Pereirahenrique.pereira/pdfs/seng513_wint… · Socket.IO requires direct integration with the NodeJS HTTP Server Var server is the Node.JS HTTP Server

Express & Socket.IO TA: Henrique Pereirahenrique.pereira/pdfs/seng513_wint… · Socket.IO requires direct integration with the NodeJS HTTP Server Var server is the Node.JS HTTP Server

Documents

nchan.md - slideit€¦ · socket.io (Node.js) Lightstreamer (Java) Faye (Node.js and Ruby)... NCHAN Restful API hook Websocket, EventSource Long Poll. LOAD BALANCING HTTP. LOAD BALANCING

nchan.md - slideit€¦ · socket.io (Node.js) Lightstreamer (Java) Faye (Node.js and Ruby)... NCHAN Restful API hook Websocket, EventSource Long Poll. LOAD BALANCING HTTP. LOAD BALANCING

Documents

Building web apps with node.js, socket.io, knockout.js and zombie.js - Codemotion 2012

Building web apps with node.js, socket.io, knockout.js and zombie.js - Codemotion 2012

Technology

Socket.IO Cookbook - Sample Chapter

Socket.IO Cookbook - Sample Chapter

Documents

Learning Node.js for .NET Developers · 10. Creating Real-time Web Apps Understanding options for real-time communication Introducing Socket.IO Implementing a chat room with Socket.IO

Learning Node.js for .NET Developers · 10. Creating Real-time Web Apps Understanding options for real-time communication Introducing Socket.IO Implementing a chat room with Socket.IO

Documents

Going realtime with Socket.IO

Going realtime with Socket.IO

Technology

Module 6 –Node.js and Sockettodd/cse330/cse330_lecture... · 1Extensible Networking Platform-CSE 330 –Creative Programming and Rapid Prototyping 1 Module 6 –Node.js and Socket.IO

Module 6 –Node.js and Sockettodd/cse330/cse330_lecture... · 1Extensible Networking Platform-CSE 330 –Creative Programming and Rapid Prototyping 1 Module 6 –Node.js and Socket.IO

Documents

Live Bandwidth Monitoring using the Mikrotik API · Technical Components Used Node.js mikronode-ng library Socket.io Smoothie.js Charts Mikrotik API Node.js web framework : express

Live Bandwidth Monitoring using the Mikrotik API · Technical Components Used Node.js mikronode-ng library Socket.io Smoothie.js Charts Mikrotik API Node.js web framework : express

Documents

Building realtime web apps using node.js, socket.io and knockout.js

Building realtime web apps using node.js, socket.io and knockout.js

Technology

Build your own RasPiTV with Node.js & Socket.io

Build your own RasPiTV with Node.js & Socket.io

Technology

Building real time apps with node.js, socket.io, knockout.js

Building real time apps with node.js, socket.io, knockout.js

Documents

Real-time Web Application with Socket.IO, Node.js, and Redis

Real-time Web Application with Socket.IO, Node.js, and Redis

Technology

Offshore node.js-development- Hire node.js Developers- Outsource Node.JS Development India

Offshore node.js-development- Hire node.js Developers- Outsource Node.JS Development India

Software

Academy Socket.IO & Opencolumbia-openacademy.github.io/presentations/spring2014/... · 2015. 5. 6. · weplay.io socket.io-computer # ... # Binary could previously emit events with

Academy Socket.IO & Opencolumbia-openacademy.github.io/presentations/spring2014/... · 2015. 5. 6. · weplay.io socket.io-computer # ... # Binary could previously emit events with

Documents

Hangouts in 30 minutes Socket.io

Hangouts in 30 minutes Socket.io

Technology

Node.js Essentials Essentials.pdf · Chapter 7, Socket.IO, explores the real-time communication between clients, servers, and back again and also how it authenticates and notifies

Node.js Essentials Essentials.pdf · Chapter 7, Socket.IO, explores the real-time communication between clients, servers, and back again and also how it authenticates and notifies

Documents

Pub/sub server for the modern web. Flexible, scalable ... · PDF filePub/sub server for the modern web. Flexible, scalable, easy to use. ... nginx_http_push_module ... socket.io (node.js)

Pub/sub server for the modern web. Flexible, scalable ... · PDF filePub/sub server for the modern web. Flexible, scalable, easy to use. ... nginx_http_push_module ... socket.io (node.js)

Documents

Realtime web: Not there yet! · Node.js + Socket.io 15. Sync + Async 16. Sync + Service 17. 18. Google App Engine 19. Google App Engine

Realtime web: Not there yet! · Node.js + Socket.io 15. Sync + Async 16. Sync + Service 17. 18. Google App Engine 19. Google App Engine

Documents

Delivering User Experience through simplified Opensource … User... · 2017-11-27 · Ext JS Bootstrap Server-side Node.js & Socket.IO Other Interesting Frameworks Backbone.js Angular.js

Delivering User Experience through simplified Opensource … User... · 2017-11-27 · Ext JS Bootstrap Server-side Node.js & Socket.IO Other Interesting Frameworks Backbone.js Angular.js

Documents

Node.js Socket.IO

Node.js Socket.IO

Technology

Introduction to Full-Stack JavaScript using Node.js ... · Introduction to Full-Stack JavaScript using Node.js, Socket.IO and React Course details Duration: 1 day Cost: $700 (ex gst)

Introduction to Full-Stack JavaScript using Node.js ... · Introduction to Full-Stack JavaScript using Node.js, Socket.IO and React Course details Duration: 1 day Cost: $700 (ex gst)

Documents

INTRODUCCIÓN A NODE.JS A TRAVÉS DE KOANS · de aplicaciones web. Capítulo 7: módulo Socket.IO, el paradigma de protocolo para las aplicacio-nes en tiempo real. Como se ha comentado

INTRODUCCIÓN A NODE.JS A TRAVÉS DE KOANS · de aplicaciones web. Capítulo 7: módulo Socket.IO, el paradigma de protocolo para las aplicacio-nes en tiempo real. Como se ha comentado

Documents

Real Time Communication using Node.js and Socket.io

Real Time Communication using Node.js and Socket.io

Software

Qiscus TechTalk - Real-time Website with Node.js (socket.io)

Qiscus TechTalk - Real-time Website with Node.js (socket.io)

Technology

BOOKS FOR PROFESSIONALS BY PROFESSIONALS · Socket.IO and DerbyJS libraries for WebSocket real-time communication The hands-on approach of Practical Node.js walks readers through

BOOKS FOR PROFESSIONALS BY PROFESSIONALS · Socket.IO and DerbyJS libraries for WebSocket real-time communication The hands-on approach of Practical Node.js walks readers through

Documents