Real-Time Chat App with HTML5 WebSockets by Josh Teng @geekcampsg
Real-Time Chat App with HTML5 WebSockets by Josh Teng  @geekcampsg
Uploaded January 2014 | Updated September 2026, 1 week ago
Real-time apps are increasingly important nowadays. It's part of having great UX for the modern age. An understanding of WebSockets will allow you to build real-time goodies like twitter feeds, facebook timeline, real time chat, games etc.

We'll build a browser based chat app using WebSockets. This is the new HTML5 standard of handling 2 way communication between client and server or server sent events. Prior to WebSockets, technologies such as comet/ajax and flash has been used to handle server sent events or push technology. WebSockets are great for real-time apps such as chat, games, 'timelines', 'feeds', etc.. It's more efficient and does not hammer your server like how previous technologies would.

This will be a practical presentation to get you started using websockets in 30 minutes. I'll be showing you how to do this with a little bit of ruby, javascript, html, css. I'll be using Sinatra to build this.

Josh Teng
@joshzteng
joshteng.com
Real-Time Chat App with HTML5 WebSockets by Josh TengGeekcampSG 2021 - Day 2Build WiFi Gadgets using ESP8266 by BaoshiUsing math, statistics, and JavaScript to automate the solving of WORDLE - GeekcampSG 2022How I crawl the web by Bryan LimBitcoin, Blockchain & Cryptography, Part II: A look back of blockchain evolution...- GeekcampSG 2022Scale without NoSQL by Justin MannThe intelligent crop farmer - GeekcampSG 2023The horizontal overflow problem - GeekcampSG 2022AB Testing Framework in Go for More Than Just Color Copy Changes by Ishan AgrawalFrom Law to Code: My Unexpected Journey into Open Source - GeekcampSG 2023Hack your own beer by Markus Baden
GeekcampSG |

Real-Time Chat App with HTML5 WebSockets by Josh Teng

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER